Password Checklist

Demo playground

Localization

Override rule messages and strength labels for internationalization.

Très faible~0 bits
  • Au moins 8 caractères — fails
  • Au moins une lettre majuscule — fails
  • Au moins une lettre minuscule — fails
  • Au moins un chiffre — fails
  • Au moins un caractère spécial — fails

Snippet

Copy the example to your clipboard.

const messages = {
  minLength: "Au moins {minLength} caractères",
  capital: "Au moins une lettre majuscule",
  // ...
};

<PasswordChecklist
  value={password}
  rules={["minLength", "capital", "lowercase", "number", "specialChar"]}
  minLength={8}
  messages={messages}
  strengthLabels={strengthLabels}
  showStrengthMeter
/>