Input Password
Password input with a built-in show/hide toggle.
Default
Click the eye icon to reveal the value.
With label
Pair with a Label for a complete form field.
Disabled
Pass disabled to block input and the reveal toggle.
API Reference
Props, events, and slots for each sub-component.
InputPassword
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| modelValue | string | "" | Password value. Supports v-model. |
| showLabel | string | "Show password" | aria-label / tooltip for the reveal toggle. |
| hideLabel | string | "Hide password" | aria-label / tooltip when the value is visible. |
| placeholder | string | — | Native placeholder, passed through to the input. |
| disabled | boolean | false | Native disabled attribute, passed through to the input. |
Events
| Event | Description |
|---|---|
| update:modelValue | Fires on input. Enables v-model. |