Block PartsPro

Password Strength

A four-step meter with a label that shows how strong a password is.

Usage

New password

Good password

bash

npm install @wunderui/react

Then import what you need:

tsx

import { PasswordStrength, PasswordStrengthLevel } from "@wunderui/react"

Prop	Type	Default
strength	"weak" \| "fair" \| "good" \| "strong"	—
label	string	"Weak password" … "Strong password"
className	string	—