| ariaLabelToggler | Toggle password visibility | string, undefined |
Sets the accessible label (aria-label) for the toggle password visibility button. This improves accessibility for screen readers and should describe the action, e.g. "Show password" or "Hide password". |
| className | - | string, undefined |
A string of all className you want applied to the component. |
| delay | - | number, boolean, undefined |
Enables delayed onChange execution for improved performance in React password inputs. - true delays the onChange callback by 500ms. - You can also pass a custom delay (in milliseconds) as a number. |
| disabled | - | boolean, undefined |
Disables the password input field. When true, the user cannot interact with the field. |
| feedback4.2.0+ | - | ReactNode |
Provide valuable, actionable feedback. |
| feedbackInvalid4.2.0+ | - | ReactNode |
Provide valuable, actionable feedback. |
| feedbackValid4.2.0+ | - | ReactNode |
Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, :invalid and :valid. |
| floatingClassName4.5.0+ | - | string, undefined |
A string of all className you want applied to the floating label wrapper. |
| floatingLabel4.2.0+ | - | ReactNode |
Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, :invalid and :valid. |
| invalid | - | boolean, undefined |
Set component validation state to invalid. |
| label4.2.0+ | - | ReactNode |
Add a caption for a component. |
| onChange | - | ChangeEventHandler<HTMLInputElement>, undefined |
Callback triggered when the value of the password input changes. If delay is set, the callback is called after the specified timeout. |
| readOnly | - | boolean, undefined |
Makes the React password input read-only. Prevents user input but allows text selection. |
| showPassword | - | boolean, undefined |
Controls the initial visibility of the password. When true, the input type is set to "text" instead of "password". This allows **toggling password visibility** in React forms. |
| size | - | 'sm', 'lg', undefined |
Sets the visual size of the password input. Use 'sm' for small or 'lg' for large input fields. |
| text4.2.0+ | - | ReactNode |
Add helper text to the component. |
| tooltipFeedback4.2.0+ | - | boolean, undefined |
Display validation feedback in a styled tooltip. |
| valid | - | boolean, undefined |
Set component validation state to valid. |
| value | - | string, number, string[], undefined |
The value of the password input field. To make the input controlled, pair this with the onChange handler. |