Component
Currency badge
A circular ticker badge color-matched to common currencies, falling back to a neutral tone and the first letters of the code for anything unrecognized.
The primitive
USD
USDEUR
EURGBP
GBPcurrency badge.tsx
<NativeCurrencyBadge currency="USD" size="md" showLabel />Example
The leading icon in an account row, identifying which currency that balance is denominated in before the number is even read.
USD
USD account
$4,280.00
currency-badge-example.tsx
<NativeRow icon={<NativeCurrencyBadge currency="USD" size="sm" />} label="USD account" right="$4,280.00" />Capabilities
| Prop | Type | Description |
|---|---|---|
| currencyrequired | string | — |
| icon | React.ReactNode | Optional icon/image — if omitted, shows first 3 chars of currency code |
| size | NativeCurrencyBadgeSize | — |
| showLabel | boolean | Show the currency label next to the badge |
| className | string | — |