Skip to content

PasswordInput

Password field with a show/hide toggle. The toggle is a real button with state, not a decoration.

Example

At least 12 characters.

<PasswordInput
  id="pwd"
  label="Password"
  autocomplete="new-password"
  hint="At least 12 characters."
/>

Sizes

<PasswordInput id="pwd-sm" label="Small" size="sm" />
<PasswordInput id="pwd-lg" label="Large" size="lg" />

Props

PropTypeDefaultDescription
autocompletestringcurrent-passwordUse new-password for signup.
Plus the full TextField API.

Accessibility