KB-115 · BALANCE/CARD
Balance Card
A balance with a private side — the numeral carry-rolls behind a privacy blur, a sparkline draws itself, and the card flips to its activity face.
KB-115 · BALANCE/CARD
Lab credits
+2.4%12,480.5012,480.50
LAST ACTION · READY
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/balance-card
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| balance / format / delta / series | number / (v)=>string / {value,direction} / number[] | — | The carry-rolling amount, its delta chip, and the sparkline data. |
| activity | BalanceActivity[] | — | Back-face rows: { id, label, amount, time }. |
| onAction | (action: "send" | "receive" | "convert") => void | — | Fires from the action row. |
| defaultHidden | boolean | false | Start with the balance blurred. |