The Country Select component is a form control for choosing a country from the built-in country list. It shows the flag and country name, supports search by name or ISO code, and writes the selected ISO country code to the form value.
Use it for addresses, user profiles, billing, shipping, legal forms, tax forms, tenant settings, and locale settings where the user must choose a country. Do not use it for phone dialing codes, currencies, or custom lists of regions, cities, offices, or locations.
| Prop | Type | Default |
|---|---|---|
placeholder The placeholder text for the input. | string | '' |
required Whether the input is required. | boolean | false |
disabled Whether the input is disabled. | boolean | false |
showCountryCode Whether to show the country code in the trigger. | boolean | false |
searchTerm The search term for filtering countries. | string | '' |
| Event | Description |
|---|---|
| opened | Event emitted when the select panel is opened. |
| closed | Event emitted when the select panel is closed. |
Using this component in production?
NgStarter includes source code, admin dashboard templates, and commercial support.