Currency
import Currency from 'frui/formats/Currency'; Copy
Props
| Name | Type | Required | Notes |
|---|---|---|---|
| className | string | No | Standard HTML class names |
| flag | boolean | No | Show flag |
| lg | boolean | No | Show large currency flag |
| md | boolean | No | Show medium size currency flag |
| sm | boolean | No | Show small currency flag |
| style | CSS Object | No | Standard CSS object |
| text | boolean | No | Show currency text |
| value | string | Yes | Default value |
Basics
🇦🇸US Dollar
<Currency value="USD" /> Copy
Customize
You can apply different sizes to the Currency format.
Flag
Use flag prop to hide the currency flag.
US Dollar
<Currency flag={false} value="USD" /> Copy
Sizes
Use sm, md, or lg props to change the size of the currency flag.
🇦🇸US Dollar
<Currency lg value="USD" /> Copy
You can also add your own custom class to Currency format or use any combination of frui-format-country, and frui-format-country-flag CSS classes.