`PasswordInput` provides a secure text input field with a visibility toggle for password entry. It includes features for validation, warnings, and accessibility.
## Default
Create a basic password input with a label and placeholder.
## Custom tooltip alignment
Customize the tooltip alignment and position of the visibility toggle through the `tooltipAlignment` and `tooltipPosition` props.
## Password is visible
Set prop `type` to `"text"` to toggle password visibility.
## Hidden label
Visually hide the label while maintaining accessibility.
## Light variant
Enable the light variant for use on dark backgrounds.
## Inline
Display the input with an inline label layout.
## Extra-large size
Use the extra-large size variant for increased visibility.
## Small size
Use the small size variant for compact layouts.
## Invalid state
Display an error message when the input is invalid.
## Warning state
Show a warning message for non-critical issues.
## Disabled state
Disable the input to prevent user interaction.
## With helper text
Add helper text to provide additional context or instructions.