PasswordInput
A password input type component
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| errorBorderColor | string | The border color when the input is invalid. Use color keys in `theme.colors` | |
| focusBorderColor | string | The border color when the input is focused. Use color keys in `theme.colors` | |
| htmlSize | number | The native HTML size attribute to be passed to the input | |
| isDisabled | boolean | false | If true, the form control will be disabled. This has 2 side effects:
- The FormLabel will have `data-disabled` attribute
- The form element (e.g, Input) will be disabled |
| isInvalid | boolean | false | If true, the form control will be invalid. This has 2 side effects:
- The FormLabel and FormErrorIcon will have `data-invalid` set to true
- The form element (e.g, Input) will have `aria-invalid` set to true |
| isReadOnly | boolean | false | If true, the form control will be readonly |
| isRequired | boolean | false | If true, the form control will be required. This has 2 side effects:
- The FormLabel will show a required indicator
- The form element (e.g, Input) will have `aria-required` set to true |
| leftAddon | string | number | bigint | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...> | ||
| viewIcon | string | number | bigint | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...> | ||
| viewOffIcon | string | number | bigint | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...> |
Was this helpful?