forms contract

PasswordInput

Password entry with reveal/hide toggle and optional strength meter.

Variants

  • default
  • with-strength

Sizes

  • md
  • lg

Example

<PasswordInput name="password" autoComplete="new-password" required minLength={8} />

Usage rule

autoComplete="current-password" on sign-in, "new-password" on sign-up / reset.

The full PasswordInput contract has 4 more rules, plus the do-not patterns. Get the full recipe.

Get the PasswordInput contract in your project.