Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Select
Custom Inputs
Components
Navigation
Components
68
Micro Charts
Libraries
Kanban Board
Image Designer
Video Player
Visual Builder
Content Editor
Data View
Purchase

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 you let 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 Basic country select.

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