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.
Password input with a built-in show/hide toggle.
Click the eye icon to reveal the value.
Pair with a Label for a complete form field.
Pass disabled to block input and the reveal toggle.
| 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. |
| Event | Description |
|---|---|
update:modelValue | Fires on input. Enables v-model. |