PasswordInput
proPasswordInput wraps Input with a visibility toggle button that switches between password and text input types.
Installation
Add this component with the NateUI CLI.
Examples
Custom Icons
API
| Prop | Description | Type | Default |
|---|---|---|---|
onVisibleChange | Callback when the visibility icon is clicked, receiving the new visible state. | (visible: boolean) => void | — |
icons | Custom icons for the show and hide states. | { show?: ReactNode; hide?: ReactNode } | — |
placeholder | Placeholder text. | string | — |
disabled | Disables the input. | boolean | false |
size | Layout size variant. | 'sm' | 'default' | 'lg' | 'default' |