Skip to content
PatternFly logo

Password strength

Examples

Initial state

 
  • Must be at least 14 characters
  • Cannot contain the word "redhat"
  • Must include at least 3 of the following: lowercase letters, uppercase letters, numbers, symbols

Invalid password

 
  • Must be at least 14 characters
  • Cannot contain the word "redhat"
  • Must include at least 3 of the following: lowercase letters, uppercase letters, numbers, symbols

Valid, weak password

 
Weak
  • Must be at least 14 characters
  • Cannot contain the word "redhat"
  • Must include at least 3 of the following: lowercase letters, uppercase letters, numbers, symbols

Valid, strong password

 
Strong
  • Must be at least 14 characters
  • Cannot contain the word "redhat"
  • Must include at least 3 of the following: lowercase letters, uppercase letters, numbers, symbols

Documentation

This demo implements a password strength meter. It uses multiple helper text items in the form helper text area below the input field to indicate whether the password meets validity criteria. Once the validity criteria are met, it also places helper text in the info area above the input field to indicate the strength of the password.


View source on GitHub

QUICKLINKS

CONTRIBUTE

STAY IN TOUCH

PatternFly is an open source design system built to drive consistency and unify teams. From documentation and components to code examples and tutorials, PatternFly is a place where design and development can thrive. We’re on a mission to help teams build consistent, accessible, and scalable enterprise product experiences—the open source way.

Red Hat logo
Copyright © 2022 Red Hat, Inc.
Privacy statementTerms of useAll policies and guidelines