Password Input

Buttons

Password input with animated show/hide toggle using SVG eye icons, AnimatePresence transitions, three sizes (sm/md/lg), and focus border animation.

Loading preview...

Customize

Size:

Placeholder

Props

Prop	Type	Default	Description
`value`	`string`	`—`	Current password value.
`onChange`	`(value: string) => void`	`—`	Callback when value changes.
`placeholder`	`string`	`'Enter password'`	Placeholder text.
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Input size.
`className`	`string`	`''`	Additional CSS classes.