PasswordInput
ShowcaseComponentsPasswordInput
Forms

PasswordInput.

Accessible password visibility toggle.

Real interactive component
Live demo

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

7 props
ParameterTypeRequiredDefaultPossible valuesDescription
valuestringNo——Controlled password value.
defaultValuestringNo——Initial password field value.
placeholderstringNo——Hint when empty.
disabledbooleanNofalsetrue · falseDisable input.
onChangeChangeEventHandler<HTMLInputElement>No——Called on password edits.
aria-labelstringNo——Accessible password field label.
classNamestringNo——Additional CSS class on the outer component element.