PasswordInput component supports Input and Input.Wrapper components features and all
input element props.
PasswordInput documentation does not include all features supported by the component – see Input documentation to learn about all available features.
Control visibility state with
for example, the props can be used to sync visibility state between two inputs:
To change visibility toggle icon, pass a React component that accepts
reveal prop to
Component Styles API
Hover over selectors to highlight corresponding elements
PasswordInput is used without
label prop, it will not be announced properly by screen reader:
aria-label to make the input accessible. In this case label will not be visible, but screen reader will announce it:
label prop is set, input will be accessible it is not required to set
aria-label on the visibility toggle button, use