Loading page…
Loading page…
One portfolio total, one privacy control, and one action row. The header replaces duplicated balance cards with a single, accessible hierarchy.
The privacy control updates the shared styleguide preference, so every AmountDisplay on the wallet surface masks in the same interaction.
Across 6 assets
Main Vault
<WalletBalanceHeader amount="1.52618916" symbol="BTC" fiat="$177,419.49" accountName="Main Vault" change={change} />--ch-surface--ch-border-faint--ch-accent--ch-success--ch-focusAccount context stays secondary. Fiat leads, BTC remains visible beneath it, and movement uses a complete 24-hour comparison.
Privacy, loading, and zero balance are explicit props or fixture states. The layout does not jump when values resolve.
Across 6 assets
Main Vault
All monetary values and movement are masked. The account name remains visible so the user retains context.
Refreshing portfolio
Main Vault
Skeletons reserve the amount and movement geometry. Actions stay present but disabled.
No funded assets
Main Vault
Zero is signless and muted. The header keeps Receive as the clear next action.
Across 6 assets
Main Vault
Below 768px the value, movement, and actions stack. Each action retains a full touch target.
The frame, hierarchy, focus treatment, and semantic movement colors all remap through ColdHarbor tokens.
Across 6 assets
Main Vault