PasswordStrength
Forms & Input

PasswordStrength

Display a password strength estimate or a score from an application estimator.

PasswordStrength displays a password strength estimate.

Import

TSX
import { PasswordStrength } from "@solarius/onset";

Props

PasswordStrengthProps props
PropTypeDefaultDescription
valuestring—The password being typed.
minLengthnumber8What counts as long enough. Match the rule the server enforces.
strengthPasswordStrengthResult—Password strength result supplied by an external estimator or server.
labelsPartial<Record<PasswordStrengthLevel, ReactNode>>—Replace any of the four readouts.
showLabelbooleantrueShow the word beside the bar.
hideWhenEmptybooleantrueRender nothing until something has been typed.

Example

PasswordStrength