Password Input
Password field with a show/hide reveal toggle and an optional strength meter.
Preview
Attributes
| Attribute | Type | Default | Description |
|---|---|---|---|
value | string | — | Current value of the password input. |
placeholder | string | — | Placeholder text for the input. |
disabled | boolean | — | Disables the input and reveal toggle. |
meter | boolean | — | Shows a password strength meter and label below the input. |
name | string | — | Name attribute forwarded to the internal input element for form submission. |
Installation
pura is copy-paste and dependency-free. Load the whole library, or just this component.
<link rel="stylesheet" href="/pura/tokens.css">
<script type="module" src="/pura/lib/password-input.js"></script>import "./pura/lib/password-input.js";