Docs
Password Input

Password Input

Password Input provides a way for the user to securely enter a password, with the ability to toggle the visibility of the password.

Installation

pnpm dlx cross-env REGISTRY_URL=https://ui-x.junwen-k.dev/r pnpm dlx shadcn@latest add password-input

Usage

import {
  PasswordInput,
  PasswordInputAdornmentToggle,
  PasswordInputInput,
} from "@/components/ui/password-input"
<PasswordInput>
  <PasswordInputInput placeholder="Password" />
  <PasswordInputAdornmentToggle />
</PasswordInput>

Examples

Default

Checkbox

Form