Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Custom Inputs
Select
Components
Components
78
Micro Charts
Navigation
Libraries
Content Editor
Data View
Form Builder
Image Designer
Kanban Board
PDF Viewer
Video Player
Visual Builder
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Buy License

Country Select

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.

The NgStarter Angular Country Select component lets users choose a country from the built-in country list and store its ISO country code. Use in addresses, user profiles, billing, shipping, legal forms, tax forms, tenant settings, and locale settings where the form value should be a country code such as US, PL, or DE. It includes examples for an unselected country and a preselected country.

Unselected country

Start with an empty value when the user needs to choose a country manually.

Selected country: No country selected

Basic country select

Use Country Select when a form needs a country value. The selected value is the ISO country code, while the menu displays searchable country names and flags.

Selected country: US