Examples
Currency Formatting
Animated currency display with locale-aware formatting
NumberFlow accepts Intl.NumberFormatOptions via the format prop. Combined with locales, you get locale-specific currency symbols, decimal separators, and grouping — all animating independently.
Key points
- The
formatprop is passed directly toIntl.NumberFormat. Any option that works withIntl.NumberFormatworks here. - When switching currencies, symbols like
$,€, and¥animate in and out with opacity and vertical slide transitions. - The
localesprop controls grouping separators (1,234.56inen-USvs1.234,56inde-DE) and currency symbol placement.