Corpora UI

Password Input

Password field with visibility toggle and animated strength meter.

Preview

Use the controls to explore the component's props.

Props

PropTypeDefaultDescription
visibilityTogglebooleantrueShow the eye toggle button.
showStrengthbooleanfalseShow the animated strength meter and requirements.
soundbooleantrueReveal/hide cues on the visibility toggle. Silent until bindSounds().

Example

  • At least 8 characters - met
  • At least 1 number - met
  • At least 1 lowercase letter - met
  • At least 1 uppercase letter - met
import { PasswordInput } from "@exegia/corpora-ui"

<PasswordInput showStrength autoComplete="new-password" />

Last updated on

On this page