Password Checklist

Demo playground

Custom rules

Add synchronous or asynchronous validators. Custom rules integrate seamlessly with built-ins.

  • Does not contain 'admin' or 'user' — checking

Snippet

Copy the example to your clipboard.

const customRule: CustomRule = {
  id: "no-username",
  label: "Does not contain 'admin' or 'user'",
  validate: (password) => !/(admin|user)/i.test(password),
};

<PasswordChecklist
  value={password}
  customRules={[customRule]}
/>