← ui-lab

Password Field

A masked password input with a show/hide toggle. The field is type="password" by default; the toggle button (an aria-pressed toggle) reveals it as type="text" and back — letting people check what they typed without losing the masking by default.

Preview

Installation

npx shadcn@latest add https://ui.publictheta.com/r/password-field.json

Conformance

This component conforms to the @publictheta/ui-spec password-field specification. Run the suite against any implementation with pnpm conformance.