transaction-row

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 transaction-row --destination Sources/YourFeature/Components

Installs in order: transaction-row 0.5.1. Point --destination at a folder inside the consuming target's sources.

Usage

TransactionRow(
    title: Text("Mishmash Bakery"),
    subtitle: Text("Today, 09:41"),
    amount: Text(-8.75, format: .currency(code: "KWD")),
    systemImage: "cup.and.saucer.fill"
)
.registryTone(.negative)

Accessibility contract

• ViewThatFits preserves content, large sizes.
• Row text combines, one element.
• Tone spoken; meaning via amounts, not color.
• Symbol circle scales, text.

Details