Currency input
Currency input field
To be used with CurrenciesCollection
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.
Basic ($2.00 – 8.00)
USD
Inputs
currencyControl : FormControl<Currency>
label : string
backgroundColor ?: BackgroundColor = 'default'
budgetControl ?: FormControl<number | BudgetOption>
budgetOptions ?: readonly BudgetOption[]
budgetTypeControl ?: FormControl<ProjectTypeApi>
currencyFormat ?: CurrencyFormatOptions = {
disableCode: true,
}
currencyOptions ?: readonly Currency[] = []
enableCurrencyConversion ?: boolean = true
loading ?: boolean = false
maxVisibleOptions ?: number
showAllOptions ?: Partial<Record<CurrencySelector, boolean>>
showBudgetTypeSelector ?: boolean = true
type ?: CurrencyInputType = 'dropdown'
viewportInset ?: ViewportInset