#PasswordInput

A password field with a reveal toggle, which is the whole point of reaching for it over an Input of type password. Where rules are enforced, pair it with PasswordComplexity so the reader watches them being met rather than discovering them on submit.

Source · Storybook

#Usage

import { PasswordInput } from '@wallarm-org/design-system/PasswordInput';

#Examples

#With field

Inside Field, which supplies the label and description above it.

#With error

error on the field. Say what is wrong in FieldError — a red border on a masked field leaves the reader guessing at something they cannot see.

#With requirements

PasswordComplexity fed by the exported passwordValidators, ticking off each rule as it is met. Show the rules from the start rather than revealing them after a failure.

#Disabled

Dimmed, with the reveal toggle out as well — there is nothing to reveal that the reader can act on.

#Sizes

The same height scale as Input, so a password field lines up with the fields around it.

#Props