All blocks
Country Picker
Searchable country picker with flags, Intl-localized names, and ISO 3166-1 values — built on the accessible combobox pattern.
Built withCombobox
Country
Install
1npx stylexblocks add country-pickerUsage — Base UI
country-picker.tsx
12345678910111213import { CountryPicker } from "#components/blocks/base-ui/country-picker.tsx";
export function Example() { return ( <CountryPicker name="country" defaultValue="NL" onValueChange={(code) => { // ISO 3166-1 alpha-2, e.g. "NL" }} /> );}