Password with strengthFree
Show/hide toggle and a three-step strength meter.
Props
Appearance
Applies to this component only and stays saved when you come back.
#ff3347
#b3122a
Preview background
Install
$
npx nex-ui add password-inputUsage
import { PasswordStrength } from "@/components/nex-ui/password-input";
<PasswordStrength
t={{ label: "Password", show: "Show", hide: "Hide", levels: ["Too short", "Weak", "Okay", "Strong"] }}
/>