Input Password

Password input with a built-in show/hide toggle.

Default

Click the eye icon to reveal the value.

Import the parts you need from the component's folder.

import { InputPassword } from "@/components/ui/input-password";

Pair with a Label for a complete form field.

Password

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.