Password Input
An input for password fields. Includes a built-in show/hide toggle, an optional strength meter, and a configurable rule checklist.
Strength Indicator
Pass showStrengthIndicator to render a progress bar and a checklist of rules. The bar color and label cycle through weak, medium, and strong as more rules are met.
Installation
Props
Forwards all Input props.
| Prop | Type | Default | Description |
|---|---|---|---|
showStrengthIndicator | boolean | false | Render the progress bar and requirement checklist. |
strengthRequirements | { minLength?, requireUppercase?, requireLowercase?, requireNumbers?, requireSpecialChars? } | — | Override the default ruleset. |
onStrengthChange | (level: "weak" | "medium" | "strong") => void | — | Called when the strength bucket changes. |