Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Searchable dropdown for selecting a country with flag icons.
| Prop | Type | Default | Description |
|---|---|---|---|
mode | string | stacked | Configures mode. |
labelPosition | string | left | Configures label position. |
radius | string | standard | Configures radius. |
transparency | string | standard | Configures transparency. |
gradient | boolean | false | Configures gradient. |
errorEnabled | boolean | false | Configures error enabled. |
error | string | This field is required | Configures error. |
helpEnabled | boolean | false | Configures help enabled. |
help | string | Optional help text for this field | Configures help. |
required | boolean | false | Configures required. |
size | string | md | Configures size. |
label | string | Country | Configures label. |
value | string | GB | Configures value. |
placeholder | string | Select country… | Configures placeholder. |
placeholderEnabled | boolean | true | Configures placeholder enabled. |
searchPlaceholder | string | Search countries… | Configures search placeholder. |
