CountrySelector

Domain

Country dropdown built from countries-list. Shows flag + full name + ISO2 code. Supports search by name or code, error/hint states.

Preview

Country

Selected: TR

Code

<CountrySelector value={country} onChange={setCountry} />

Preview

Country

Used for shipping address.

Country

Please select a country.

Code

<CountrySelector value="" onChange={setCountry} hint="Used for shipping address." />
<CountrySelector value="" onChange={setCountry} error="Please select a country." required />

Preview

Code

<CountrySelector value="US" onChange={setCountry} label="" />

CountrySelector

Default

With hint & error

No label

Navigation