UI

Currency Amount

Currency and crypto amount formatters that keep symbols, decimals, abbreviations and signed colours consistent across a fintech screen.

When to use it

Use this everywhere money appears in a product, so precision, symbol placement and sign colour are decided once rather than per screen. Consistency here is what stops a dashboard reading as several products stitched together.

Props · FiatAmount

PropTypeDefault
valuenumber·
abbr?boolean·
dp?number·
symbol?string·
muted?boolean·

Generated from the component source. Run npm run props:extract after changing a signature.