Currency Select

The Currency Select component is a form control for choosing a currency from the built-in currency list. It shows a flag, ISO currency code, and symbol, supports search by name or code, and writes the selected currency code to the form value.

Use it for billing, pricing, invoices, checkout, marketplace, finance settings, reporting settings, tenant settings, and locale settings where the user must choose a currency. Do not use it to choose a country, enter a money amount, build an exchange calculator, display rate tables, or format numbers.

Key Features:

Currency code value: Stores values such as USD, EUR, and PLN.
Search functionality: Users can quickly find currencies by name or ISO code.
Optional country name: Use showCountryName when the country context should be visible next to the currency.
Form integration: Works with Angular Forms and NgStarter FormField.

The NgStarter Angular Currency Select component lets you let users choose a currency from the built-in currency list and store its ISO currency code. Use for billing, pricing, invoices, checkout, marketplace, finance settings, reporting settings, tenant settings, and locale settings where the form value should be a currency code such as USD, EUR, or PLN. It includes examples for Basic currency select, Currency select with country name, and Currency with country name.

Basic currency select

Use Currency Select when a form needs a currency value. The selected value is the ISO currency code, while the menu displays searchable currency codes, symbols, and flags.

Currency

Selected currency: USD

Currency select with country name

Enable the country name only when users need extra context to distinguish currencies in billing, pricing, or locale settings.

Currency

Selected currency: USD