# Card wallet

Card wallet: a free component, built on your design tokens, to use on the home screen of a personal banking or wallet app. A personal account: a card drawn in the brand colours with its number masked until you choose to show it, the balance, add money, send and a freeze switch, and recent transactions with a simple mark per merchant and a photo for people.

Prompt: Add the OpenDesigner component card-wallet to this project: https://opendesigner.dev/library/r/card-wallet.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: details hidden, details shown, frozen, hover, focus, disabled.

Accessibility: Card details is a toggle button with aria-pressed and the masked number reads as "ending 4821"; Freeze card is a switch, and freezing disables Send and announces the change in a polite live region.

File: https://opendesigner.dev/library/r/card-wallet.html