forms contract
PasswordInput
Password entry with reveal/hide toggle and optional strength meter.
Variants
- default
- Reveal toggle in trailing slot
- with-strength
- Adds a 5-step strength meter below
Sizes
- md
- 36pt
- lg
- 44pt — touch surfaces
Example
<PasswordInput name="password" autoComplete="new-password" required minLength={8} />Usage rule
autoComplete="current-password" on sign-in, "new-password" on sign-up / reset.
The full PasswordInput contract has 4 more rules, plus the do-not patterns. Get the full recipe.