Form Inputs
Password Field
A secure text input for passwords with a visibility toggle button.
A secure text input for passwords with a visibility toggle button. Allows users to show or hide their password while typing, improving usability without compromising security.
Component props#
| Name | Type | Description |
|---|---|---|
| label | string | Label text displayed above the field |
| value | string | Controlled value |
| defaultValue | string | Default value (uncontrolled) |
| isDisabled | boolean | Disables the field |
| isReadOnly | boolean | Makes the field read-only |
| isRevealed | boolean | Controls whether the value is visible |
| defaultRevealed | boolean | Initial visibility (uncontrolled) |
| onRevealChange | (revealed: boolean) => void | Called when the visibility toggle is pressed |
| autoComplete | string | Defaults to "current-password" |
| onChange | (value: string) => void | Called when value changes |