Password Strength provides real-time feedback while a user creates or changes a password. It shows a strength bar and can show detailed requirement status for length, lowercase, uppercase, digit, special character, and custom rules.
Use it next to a password input in signup, reset password, change password, account security, and credential setup forms.
Use ngs-pass-toggle-visibility as a form-field suffix when users need to show or hide the password. Use PasswordStrengthInfo when the form should explain exactly which requirements are satisfied.
Do not use Password Strength for OTP, MFA, invite codes, or passcodes; use PinInput. Do not use it for generic text validation. Do not rely on it as the only password security policy; the backend must validate the password too.
Key Features:
- ✅ Real-time Feedback: Instantly updates the strength bar as the user types.
- ✅ Configurable Rules: Easily enable or disable rules for length, digits, special characters, etc.
- ✅ Detailed Info: Use the
PasswordStrengthInfocomponent to display specific requirement status. - ✅ Visibility Toggle: Includes a helper component for toggling password visibility.