e8-form-password
Updated on Sep 18, 2025 14 minutes to readA password input component with optional strength meter and reveal button.
Overview
e8-form-password allows users to enter password values with optional strength feedback and a toggle to reveal or hide the password.
It supports lazy updates, mobile-friendly layouts, and flexible input sizing.
<e8-form-password
v-model="vars.password"
label="Password"
placeholder="Enter your password"
tooltip="Must be strong"
:show-strength-meter="true"
:show-reveal-button="true"
></e8-form-password>
🔽 Show more
Properties
| Property | Description | Type | Default |
|---|---|---|---|
| label | Label text for the input field; set to false to hide label. | string | boolean | — |
| lazy-sync | Enables deferred value updates until change or blur. | boolean | false |
| placeholder | Placeholder text displayed in the input. | string | — |
| show-reveal-button | Shows a button to toggle password visibility. | boolean | false |
| show-strength-meter | Shows a strength meter for the password. | boolean | false |
| size | Size of the control. | E8ElementSizes | 'default' |
| tooltip | Tooltip text displayed below the input. | string | — |
| readonly | Makes the input non-editable. | boolean | false |
| v-model | Two-way bound password value. | string | — |
| visible | Controls component visibility. | boolean | true |