Only show failed
Display only the rules that are currently failing, for a cleaner UI.
- At least 8 characters — fails
- At least one uppercase letter — fails
- At least one lowercase letter — fails
- At least one number — fails
- At least one special character — fails
Snippet
Copy the example to your clipboard.
<PasswordChecklist
value={password}
rules={["minLength", "capital", "lowercase", "number", "specialChar"]}
minLength={8}
onlyShowFailed
/>