| ariaToggleLabel | 'Toggle password visibility' | string |
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". |
| delay | false | boolean, number |
Delay emitting change and update:modelValue events. true = 500ms delay, or specify custom delay in ms. |
| disabled | - | boolean |
Disables the password input field. When true, the user cannot interact with the field, and the visibility toggle is disabled with it. |
| feedback | - | string |
General feedback text shown below the input. |
| feedbackInvalid | - | string |
Feedback text shown when input is invalid. |
| feedbackValid | - | string |
Feedback text shown when input is valid. |
| floatingClassName | - | string |
Class for the floating label wrapper. |
| floatingLabel | - | string |
Floating label text. |
| floatingLabelAlways6.0.0+ | - | boolean |
Keeps the floating label floated and the placeholder visible while the field is empty. |
| id | - | string |
ID of the input element. |
| invalidDeprecated 6.0.0 | - | boolean |
Marks the input as invalid. Use validationState="invalid" instead — invalid is ignored when validationState is set. |
| label | - | string |
Main label for the input. |
| modelValue | - | string |
The current value of the password input, used with v-model. |
| readOnly | - | boolean |
Makes the input read-only, allowing text selection only. |
| showPassword | undefined | boolean |
The visibility of the password — true renders the input as type "text" instead of "password". Bind it with v-model:show-password to hand control to the parent; passed one-way it seeds the starting state and the input keeps managing itself. |
| size | undefined | String as () => 'sm', 'lg', undefined |
Sets the visual size of the input. Accepts 'sm', 'lg', or undefined. |
| text | - | string |
Helper or hint text displayed below the input. |
| tooltipFeedback | - | boolean |
Enables tooltip-style validation feedback messages. |
| validDeprecated 6.0.0 | - | boolean |
Marks the input as valid. Use validationState="valid" instead — valid is ignored when validationState is set. |
| validationState6.0.0+ | - | string |
The validation state, rendered as the is-{state} class; 'invalid' also sets aria-invalid and blocks the submit. Any custom state declared in the $form-validation-states Sass map is accepted. The user's next change of the value emits update:validationState with undefined. |
| value | - | string |
Alternative to modelValue, mostly for manual :value binding. |