---
title: "DropletHUDCard, DroppyKit"
description: "A HUD card as data: Droppy draws it in the layout of its own battery and No Internet cards, with their type, padding and height (1.23.0)."
canonical: "https://getdroppy.app/docs/droppykit/api/droplet-hudcard"
last-updated: "2026-09-09"
---

# DropletHUDCard

A HUD card as data: Droppy draws it in the layout of its own battery and No Internet cards, with their type, padding and height (1.23.0).

`struct DropletHUDCard`

Without actions the card is the battery card: the title over a message of up to two lines, with the symbol, or a progress ring around it, at the trailing edge. With actions it is the No Internet card: the symbol and the text on top, up to two pill buttons under them. The host sizes the card from which of the two it is; there is no height to state.

Available from DroppyKit 1.23.0.

## Initializers

### init(title:message:systemImage:tint:progress:actions:)

`init(title: String, message: String? = nil, systemImage: String? = nil, tint: Color? = nil, progress: Double? = nil, actions: [DropletHUDAction] = [])`

Creates a card.

## Properties

### actions

`let actions: [DropletHUDAction]`

Up to two buttons. Droppy draws the first two and ignores the rest.

### message

`let message: String?`

One or two lines under the title, or `nil`.

### progress

`let progress: Double?`

A fraction from 0 to 1 to draw as a ring around the symbol, or `nil`. Values outside the range are clamped.

### systemImage

`let systemImage: String?`

An SF Symbol for the card, or `nil` for none.

### tint

`let tint: Color?`

The symbol's and the progress ring's colour. `nil` is the system accent colour. The buttons keep Apple's pop-up colours whatever the tint.

### title

`let title: String`

The card's title, sentence case, one line.