PasswordInput

The PasswordInput creates an input of type password with a set of rules. The eye icon lets you display the password if needed.

value
```
string
```
The current value
className
```
string
```
className for the element.
fit
```
"content" | "parent"
```
Whether the PasswordInput should fit its parent or content.
Default: content
id
```
string
```
The id of the PasswordInput.
isDisabled
```
boolean
```
Whether the Input should be disabled.
Default: false
key
```
Key
```
name
```
string
```
The name of the PasswordInput, used when submitting an HTML form.
onBlur
```
FocusEventHandler<HTMLInputElement>
```
Handler that is called when the input loses focus.
onChange
```
ChangeEventHandler<HTMLInputElement>
```
Handler that is called when the value changes.
onFocus
```
FocusEventHandler<HTMLInputElement>
```
Handler that is called when the input receives focus.
onKeyDown
```
KeyboardEventHandler<HTMLInputElement>
```
Handler that is called when a key is pressed.
placeholder
```
string
```
Temporary text that occupies the PasswordInput when it is empty.
ref
```
Ref<HTMLButtonElement>
```
Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}
rules
```
PasswordRule[]
```
The rules to apply.
Default: []