Components
Currency
Currency code with an optional circular flag, vertically centered.
EURUSDGBPCHF
EUREUREUREURYour EUR balance
Pairs an ISO 4217 code with an optional flag. The flag is a Country Flag Avatar. The flag and name always sit on the vertical center of the row.
showFlag defaults to true. size is the avatar scale: xs (16px), sm
(24px, the default), md (32px), lg (48px), xl (64px). Pass name when
the text should not be the code, or label to replace it entirely (flag
still follows code). border is the Avatar rim and is off by default.
Usage
import { Currency } from "@sophic/portal-ui/components/ui/currency";
<Currency code="EUR" />
<Currency code="USD" size="xs" />
<Currency code="GBP" showFlag={false} />
<Currency code="EUR" label="Your EUR balance" />Props
Prop
Type
Default
Changelog
- 4 October 2026 — Added. Flag and name stay vertically centered. Full notes