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 | type ONLY_FOR_FORMAT =
| string
| number
| boolean
| ReactElement<any, string | JSXElementConstructor<any>>
| Iterable<ReactNode>
| ReactPortal
| PromiseLikeOfReactNode | ||
viewIcon | type ONLY_FOR_FORMAT =
| string
| number
| boolean
| ReactElement<any, string | JSXElementConstructor<any>>
| Iterable<ReactNode>
| ReactPortal
| PromiseLikeOfReactNode | ||
viewOffIcon | type ONLY_FOR_FORMAT =
| string
| number
| boolean
| ReactElement<any, string | JSXElementConstructor<any>>
| Iterable<ReactNode>
| ReactPortal
| PromiseLikeOfReactNode |
Was this helpful?