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