ViraStack Password
An accessible password visibility toggle for React. Lets users show and hide passwords safely and consistently, and drops into your existing form components with minimal setup.
Status: hidden
Features
Accessibility First
ARIA + type="button"
aria-label, aria-pressed, and aria-controls out of the box, screen-reader-safe by default.
Headless Hook
useViraPassword()
Only prop bags; markup and styles stay yours. Same API for native or design-system inputs.
Built-in icon support
Show / hide icons
Minimal show/hide icons ship with the hook so you can use it with zero extra assets.
Safe Prop Merge
Handlers + className
on* handlers chain and classNames merge; a11y props are never accidentally overwritten.
State Sync
disabled / readOnly
Toggle locks with the field when disabled or read-only. Consistent UX without extra glue.
UI-Agnostic
shadcn · Ant · Chakra
Works with the UI library you already use. Demos and helpers for common stacks.