components
Input Currency
v.1.0.0 | SaturnImport
1
import { InputCurrency } from '@kubit-ui-web/react-components';
Props
Let's delve into the versatility of the inputCurrency component by examining all its avalaible props.
| Property | Type | Default | Description |
|---|---|---|---|
variant Required | String | - | Variant of InputCurrency |
currencyName Required | InputCurrencyNameType | - | Currency abbreviation text |
currencyPosition Required | POSITIONS | - | Set currency position |
| inputVariant | String | - | Set the Input's variant |
| disabled | Boolean | - | Specifies if the input element is disabled or not |
| error | Boolean | - | Specifies if the input element has error or not |
| errorExecution | ERROR_EXECUTION | - | When error handling |
| keyValidation | String | - | Key validation |
| internalErrorExecution | INTERNAL_ERROR_EXECUTION | onChangeOnBlur | When error handling |
| onError | (error: boolean) => void | - | Function that is called when an error occurs |
| onInternalErrors | (errors: string) => void | - | Function that is called when an internal error occurs |
| maxDecimals | Number | 2 | Specifies the max number of decimal places |
| currencyNameContainerPosition | InputContentPosition | - | Container position for currency |
| helpMessagePosition | InputHelpMessagePosition | - | Position for helpMessage |
| ctv | InputCurrencyStylesProps | - | Modify styles for the default version of the component |
- And extends Input Controlled Props except variant, styles, inputId, error, disabled
Initialized extended props
| Property | Type | Default | Description |
|---|---|---|---|
| truncate | Boolean | true | Indicates if text value is truncated when is too big |
| type | InputTypeType | PASSWORD | The type attribute specifies the type of input element to display. If the type attribute is not specified, the default type is text" |
| min | Number | 0 | Indicate the minimum number value allowed |
| ignoreKeys | String | - | Keys ignores in the onKeyDown function |