Wallet Balance
NEWAn interactive wallet balance component where branded cards tuck neatly into an embossed leather pouch with spring physics. Tap the eye button to reveal or mask balances with smooth blur-crossfade transitions.
stripe$32,495
wise$45,654
PayPal$345,865
424,014
Total Balance
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/wallet-balance
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| accounts | WalletAccount[] | DEFAULT_ACCOUNTS | Array of up to 3 accounts displaying logo, balance, and custom colors |
| visible | boolean | undefined | Controlled visibility state for balances and cards |
| defaultVisible | boolean | true | Uncontrolled initial visibility state |
| onVisibleChange | (visible: boolean) => void | undefined | Callback fired when balance visibility is toggled |
| currency | string | 'USD' | ISO currency symbol used for formatted card amounts |
| locale | string | 'en-US' | Locale string for number formatting |
| totalLabel | string | 'Total Balance' | Caption label displayed below the total balance figure |
| className | string | '' | Optional CSS class overrides for the outer container |