currency-formatter-react

React component to format number in various currencies

Installations

Through npm

npm install --save currency-formatter-react

Usage

import CurrencyFormatter from 'currency-formatter-react'

Props

| Props | Options | Default | Description | | ----------------- | ------- | ------- | ---------------------------------------- | | value | number | none | Value which need to be format | | thousandSeparator | boolean | true | Add thousand separators on number | | currency | string | USD | Add Currency Code (INR , USD , GBP ..) | | isFloat | boolean | false | make this prop to true if value is float |

Supported Currencies

| Currency Code | Currency | Symbol | | ------------- | ------------------ | ------ | | CAD | Canadian Dollar | $ | | EUR | Euro | € | | GBP | Great Britan Pound | £ | | INR | Indian Rupee | ₹ | | JPY | Japanese Yen | ¥ | | LKR | Sri Lanka Rupee | Rs | | NZD | New Zealand Dollar | $ | | SGD | Singapore Dollar | $ | | THB | Baht | ฿ | | USD | US Dollar | $ | | ZAR | Rand | R |

Examples

<CurrencyFormatter value={1257856} thousandSeparator={true} currency='USD' />

Output : $ 1,257,856

<CurrencyFormatter value={1257856} currency='INR' />

Output : ₹ 1,257,856

<CurrencyFormatter value={1257856} thousandSeparator={true} currency='GBP' />

Output : £ 1,257,856

<CurrencyFormatter
  value={1257856.85}
  currency='INR'
  thousandSeparator={false}
  isFloat={true}
/>

Output : ₹ 12,57,856.85

License

MIT © vinnu214