Back to Cards
Balance
A wallet balance card with a hide-balance toggle, trend badge, a monochrome card-face motif, and send/top-up actions.
Cardscardfintechwallet
Stack: React + Tailwind CSS + shadcn/ui — every prompt is written for this stack and is most accurate in it.
Dependencies: lucide-react
Overview
Layout
Label+toggle row, balance+trend, card motif, actions
Card motif
bg-foreground / text-background — inverted, no new color
Actions
One primary (Top up) + one secondary (Send)
Accessibility
Hide-balance toggle is icon-only, needs aria-label