Skip to main content

Money

Money is a component for displaying monetary values with proper formatting.

Usage​

<Money 
  money={{
    amount: 1299,
    currencyCode: "USD"
  }}
/>

With Currency Conversion​

<Money 
  money={{
    amount: 1299,
    currencyCode: "USD"
  }}
  convertToActiveCurrency={true}
/>

Props​

money​

Type: { amount: number; currencyCode: string } Required: true

The monetary value to display:

  • amount: The amount in the smallest unit of the currency (e.g., cents)
  • currencyCode: The ISO currency code (e.g., "USD", "EUR")

convertToActiveCurrency​

Type: boolean Default: false

Whether to convert the amount to the app's active currency.