BalanceReckon Design System

Currency Input

The CurrencyInput is similar to the TextInput with a couple of small differences.

CurrencyInputProps

PropTypeRequiredDefaultDescription
align
left|right
—left—
maximumFractionDigits
0|2|4|5|8
—2—
minimumFractionDigits
2|4|5|8
—2—
onChange(value: string | number) => voidYes——
showAdornmentboolean—trueWhen true, a dollar symbol ($) will be displayed beside the input.
valuestring | numberYes——
Also accepts Omit< InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'size' >, Partial<Omit<InputBaseProps, 'shape'>>