currency-formatter-react

Made with create-react-library

Usage no npm install needed!

<script type="module">
  import currencyFormatterReact from 'https://cdn.skypack.dev/currency-formatter-react';
</script>

README

currency-formatter-react

React component to format number in various currencies

Installations

npm

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