Fintech components

Built from the primitives. Switch theme to check dark mode.

System

Light

Dark

MoneyText

Amounts are Money: integer minor units plus a currency. Symbol and decimals come from Intl.

$1,240.50

−$45.50

+$2,500.00

−18,99 €

￥125,000

••••••

Colour + icon shape + word. Remove any one and it still reads.

Completed

Action needed

Failed

Closed

Pending

Default, with a status, pressable, and privacy mode.

Holiday Fund

Savings · •••• 0937

Available balance

$8,200.00

Direction comes from the sign. Pending, failed, credit, and a custom type. The last two rows are tappable.

Blue Bottle Coffee

Oct 6, 2026 · Purchase

−$5.50

Payroll, Acme Inc

Oct 6, 2026 · Deposit

+$3,100.00

Try typing letters or too many decimals. The app, not the component, decides what's valid.

Amount

Enter the amount to send.

Parsed: nothing yet

Amount (with error)

This is more than your available balance.

Amount (JPY, no decimals)

￥

Amount (disabled)