Wallet Card
A premium dark wallet card with a blue radial-gradient surface, live balance display, iOS-style toggle, and a primary action button. The card surface responds to the pointer with a soft cyan shine driven entirely by MotionValues.
Wallet
Mastercard Ending with 3040
$4,566.00Total Balance
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/wallet-card
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| balance | string | '$4,566.00' | Headline balance figure rendered as the dominant type |
| cardType | string | 'Mastercard' | Card brand label shown in the subtitle |
| cardLastFour | string | '3040' | Last four digits of the underlying card |
| buttonLabel | string | 'Use Wallet' | Label for the primary action button |
| onUseWallet | () => void | undefined | Click handler for the action button |
| disabled | boolean | false | Disable the action button |
| balanceLabel | string | 'Total Balance' | Small caption under the balance figure |
| className | string | undefined | Additional Tailwind classes merged into the card root |