PasswordStrength

PasswordStrength Component

stable
Playground
  • At least 8 characters
  • At least one uppercase letter
  • At least one number
  • At least one special character
Props
PropTypeDefaultValue
showRequirementsboolean—
minLengthnumber—
Default
  • At least 8 characters
  • At least one uppercase letter
  • At least one number
  • At least one special character
Weak
Weak
  • At least 8 characters
  • At least one uppercase letter
  • At least one number
  • At least one special character
Medium
Medium
  • At least 8 characters
  • At least one uppercase letter
  • At least one number
  • At least one special character
Strong
Strong
  • At least 8 characters
  • At least one uppercase letter
  • At least one number
  • At least one special character
PROPTYPEDEFAULTDESCRIPTION
minLengthnumber—Minimum password length
showRequirementsboolean—Show requirement checklist
Using PasswordStrengthtsx
import { PasswordStrength } from '@/components/PasswordStrength'

<PasswordStrength
  showRequirements="..."
  minLength="..."
/>
Tokens Used
No design tokens detected