Introduction Foundations Components Directives Pipes Motion Brand

Alerts & notifications

Buttons & actions

Cards

Forms

Checkbox card Checkbox Currency input Date input Date range calendar File select Input Label Location input Multi select Multiple location input Otp input Phone input Radio Search Segmented date input Select Slider Smart textarea Textarea Timepicker Toggle

Icons / images / media

Layouts

Navigation

Popups / overlays

Progress & loading indicators

Tags

Typography

Components Forms Currency input

Currency input

Currency input field for use with CurrenciesCollection

Contents

Default
Background color
Budget
Budget type
Disabled options
Label
Loading
Option visibility

Type

The user can type in the budget

$

Or choose from the dropdown instead

Inputs in Type
type ?: CurrencyInputType = 'dropdown'
Also set in this example
currencyControl : FormControl<Currency>
label : string
budgetControl ?: FormControl<number | BudgetOption>
budgetOptions ?: readonly BudgetOption[]
currencyOptions ?: readonly CurrencyOption[] = []