sigilUI

Password Input

Enter a password with a visibility toggle.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { PasswordInput } from "@sigil-ui/components";

Usage

<PasswordInput placeholder="Enter password..." />

Props

PropTypeDefaultDescription
showTogglebooleantrueWhether to show a visibility toggle button.

Token integration

CSS VariablePurpose
--s-radius-mdRadius md
--s-border-styleBorder style
--s-borderBorder
--s-backgroundBackground
--s-textText
--s-input-heightInput height
--s-text-mutedText muted
--s-ringRing
--s-primaryPrimary
--s-duration-fastDuration fast