SweetUI

Search items

Jump to an item

block

finance-overview

Composes metrics, selectable transactions; caller-owned navigation, state.

financedashboardoverviewtransactions
finance-overview, light

On iPad

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

finance-overview on iPad, light

Install

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

sweetui install finance-overview --destination Sources/YourFeature/Components

Installs in order: metric-card 0.2.2, transaction-row 0.5.1, empty 0.1.1, finance-overview 0.4.3. Point --destination at a folder inside the consuming target's sources.

Usage

FinanceOverview(
    "Overview",
    balanceTitle: "Available balance",
    balance: Text(12_480.32, format: .currency(code: "USD")),
    changeTitle: "Monthly change",
    change: Text(0.082, format: .percent),
    sectionTitle: "Recent activity",
    transactions: [
        FinanceTransactionItem(
            id: "salary",
            title: Text("Salary"),
            subtitle: Text("Yesterday"),
            amount: Text(2_450, format: .currency(code: "KWD")),
            systemImage: "building.columns.fill",
            tone: .positive
        )
    ],
    onSelect: { id in }
)

Accessibility contract

  • Transactions: Button semantics. Empty: ContentUnavailableView. Titles: header trait; Voice Control: title.
  • System text styles, ViewThatFits: Dynamic Type.
  • Leading/trailing alignment: RTL.

Details

Kindblock
Version0.4.3
PlatformsiOS 26.0+
Dependenciesmetric-card, transaction-row, empty
SourceRegistry/sources/blocks/FinanceOverview.swift
Xcode previewFinance Overview