Password strength

This demo demonstrates how to validate and display feedback about password strength.

A password strength indicator is displayed to a user after they have entered a password in a field. It allows the user to understand the strength of a password after it has met the password requirements. The strength of the password is determined by a validation algorithm after the specific rules are met. Using a password strength indicator allows users to create stronger passwords, offering better protection from breaches.

Elements

password strength indicator weak
password strength indicator medium
password strength indicator strong

The password strength indicator is located on the top right corner of the input field. It displays the following strength types:

  1. Weak
  2. Medium
  3. Strong

Behavior

The password strength indicator:

  • is displayed after the password has met all password requirements.
  • icons and words are not editable after it is dispalyed.