Password Input
Native password input with a Show/Hide reveal toggle.
Usage
import {PasswordInput} from 'kinu';
<PasswordInput name="password" placeholder="Enter password" />
Exports
| Name | Description | Rendered HTML |
|---|---|---|
| PasswordInput | Component | — |
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| defaultRevealed | boolean |
— | Start with the password revealed (type="text"). |
Notes
- A native
<input type="password">in anInputGroupwith a reveal toggle. Forwards every native input attribute. - The toggle rides the command bus (
command="--toggle-password") like NumberField — it flips the inputtypeand a[revealed]attribute that drives the label. No new global listeners. - Pass
defaultRevealedto start with the password visible.
_Source: src/components/password-input/index.tsx