Password Input
Password field with show / hide toggle, strength meter and rules checklist.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
PasswordInputProps
Also accepts all props of Omit<React.ComponentProps<"input">, "type">
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | "Password" | — |
| rules | PasswordRule[] | defaultPasswordRules | — |
| showStrength | boolean | true | Strength bar under the field |
| showRules | boolean | true | Checklist of the rules |
Install
$ npx shadcn@latest add https://chromotion.dev/r/password-input.jsonThe CLI installs the base component; your customizations live in the code generated on the Customize tab.