The Text Input component can be used by importing { TextInput } from "finallyreact"
It uses three main types: 'number', 'currency', and 'percent', which can each display formatted input values based on a given locale (like 'en-US') and a given currency (like 'USD'). Input values are emitted through onBlur and onChange events (or the generic onEvent prop, which combines both). Values input should always be numbers, what's displayed will be a formatted string, and both the formatted and unformatted values will be output (as e.target.value and e.target.formattedValue).
Note: If decimal props are not defined, the default number of decimals for the formatted value will vary based on type, locale, and currency.
- For currency: default decimals will be 2 for USD and vary for other currencies.
- For number: default decimals will be maximum 3.
- For percent: default decimals will be 0.