Currency

Used to format a value as currency.

Props

allowDecimal

Bool

true

allowNegative

Bool

true

asAbbreviatedAmount

Bool

false

className

String

currency

String

"USD"

decimalLimit

Number

locale

String

"en-US"

value

number │ string

required

Examples

$2,509.99

<Currency value={2509.99} /><Currency value={2509.99} />

Set locale and currency

2 509,50€

<State initial={{ value: '' }}>
  {({ state, setState }) => (
    <Currency currency={'EUR'} locale={'fr-FR'} value={2509.5} />
  )}
</State><State initial={{ value: '' }}>
  {({ state, setState }) => (
    <Currency currency={'EUR'} locale={'fr-FR'} value={2509.5} />
  )}
</State>

Abbreviate large amounts

23.9M €

<State initial={{ value: '' }}>
  {({ state, setState }) => (
    <Currency
      currency={'EUR'}
      locale={'fr-FR'}
      value={23945359.5}
      asAbbreviatedAmount
    />
  )}
</State><State initial={{ value: '' }}>
  {({ state, setState }) => (
    <Currency
      currency={'EUR'}
      locale={'fr-FR'}
      value={23945359.5}
      asAbbreviatedAmount
    />
  )}
</State>

Currency

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}Props

Examples

Props