components
Input Password
v.1.0.0 | SaturnImport
1
import { InputPassword } from '@kubit-ui-web/react-components';
Props
Let's delve into the versatility of the inputPassword component by examining all its avalaible props.
| Property | Type | Default | Description |
|---|---|---|---|
variant Required | String | - | InputPassword's variant theme |
activeIcon Required | InputPasswordIconType | - | Add icon active |
disabledIcon Required | InputPasswordIconType | - | Add icon disabled |
| inputVariant | String | - | Set the Input's variant |
| error | Boolean | - | Specifies if the input element has error or not |
| disabled | Boolean | - | Specifies if the input element is disabled 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 |
| onInputTypeChange | () => void | - | Function that is called when the input type changed |
| onInternalErrors | (errors: string) => void | - | Function that is called when an internal error occurs |
| onIconClick | (value: OnIconClickValueType) => void | - | Function that is called when user clicks on the icon to show/hide password |
| value | String or Number | - | Input's current value |
| ctv | InputPasswordStylesProps | - | Modify styles for the default version of the component |
- And extends Input Controlled Props except variant, styles, inputId, error, disabled, locale
Initialized extended props
| Property | Type | Default | Description |
|---|---|---|---|
| truncate | Boolean | false | 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" |