Currency input

Currency input field for use with CurrenciesCollection

Contents

Loading

When loading is true, every selector renders as a non-interactive skeleton placeholder.

Budget type selector, budget dropdown, and currency

Budget dropdown and currency

Budget input and currency

Currency only

Toggle loading

Click the button, then open a dropdown within 3 seconds. loading flips to true on a timer (not on the click, which would otherwise close the dropdown via click-outside) so the dropdown is open when loading turns on — it should then close as the selectors switch to skeletons.

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