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

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.
PropTypeDefault
placeholder
The placeholder for the currency select input.
string''
required
Whether the currency select is required.
booleanfalse
disabled
Whether the currency select is disabled.
booleanfalse
showCountryName
Whether to show the country name in the select options.
booleanfalse
searchTerm
The current search term used to filter currencies.
string''
EventDescription
openedEvent emitted when the currency select panel is opened.
closedEvent emitted when the currency select panel is closed.