PasswordInput

A password input with a show/hide visibility toggle. A drop-in replacement for Input on password fields — all native input props (name, required, autoComplete, etc.) are forwarded to the underlying input.

Default

<PasswordInput placeholder="••••••••" />

Disabled

<PasswordInput disabled defaultValue="hunter2" />

With Field

Password

Must be at least 8 characters.

<Field>
  <FieldLabel>Password</FieldLabel>
  <PasswordInput autoComplete="current-password" required />
  <FieldHint>Must be at least 8 characters.</FieldHint>
</Field>

API Reference

Prop	Type	Default	Description
`containerClassName`	`string`	—	Additional CSS classes applied to the bordered wrapper element (not the inner input).
`labels`	`{ showPassword?: string; hidePassword?: string }`	—	Translatable strings for the visibility toggle. Resolves through the LabelsProvider (passwordInput) before falling back to English defaults.
`disabled`	`boolean`	`false`	When true, prevents interaction, reduces opacity, and applies a sunken background.
`className`	`string`	—	Additional CSS classes applied to the inner input element.