Import
The number formatting logic is handled by the native Intl.NumberFormat API and smartly cached to avoid performance
issues when using the same locale and options.
import { Format } from '@cerberus/react'Usage
Basic
Use the Format.Number component to format a number with default options.
Loading example...
Percentage
Use the style="percent" prop to format the number as a percentage.
Loading example...
Currency
Use the style="currency" prop along with the currency prop to format the number as a currency.
Loading example...
Locale
Use the locale prop to format the number according to a specific locale.
Loading example...
Unit
Use the style="unit" prop along with the unit prop to format the number with a specific unit.
Loading example...
Compact Notation
Use the notation="compact" prop to format the number in compact notation.
Loading example...