metric-card

On iPad

The same installed source at a regular width. It adapts its layout without a separate design.

Install

With the sweetui tool (brew install mangobyte-dev/tap/sweetui):

sweetui install metric-card --destination Sources/YourFeature/Components

Installs in order: metric-card 0.2.2. Point --destination at a folder inside the consuming target's sources.

Usage

MetricCard(
    "Available balance",
    value: Text(12_480.32, format: .currency(code: "USD")),
    detail: Text("Up 8.2% this month"),
    systemImage: "creditcard.fill"
)

Accessibility contract

• Dynamic Type; title, value, detail combine.
• Icon decorative; circle scales with text.

Details