Back to Components

Form

PasswordInput

Input with a show / hide eye toggle in the trailing slot. Default state is masked.

Examples

With show toggle

<PasswordInput bind:value={pw} placeholder="Password" />

Without toggle

<PasswordInput showShowToggle={false} placeholder="Locked" />

Props

PropTypeDefaultDescription
valuestring''Bindable password string.
showShowTogglebooleantrueShow the eye icon toggle in the trailing slot.
size'sm' | 'md''md'Pass-through to Input.
...restHTMLInputAttributesSpread onto the underlying <input>.

Install

CLI

npx @a3tai/mittsu add password-input