PasswordInput

Secure password input with visibility toggle and validation support

Basic Password Input

Simple password input with toggle visibility

Show Code

Password Input Sizes

Different sizes for various contexts

Show Code

Password Input Colors

Different color variants for validation states

Show Code

Password Input Variants

Different visual styles and states

Show Code

Password Input with Auto-complete

Password inputs for different form contexts

Show Code

Usage Notes

  • Includes visibility toggle button by default for better UX
  • Uses proper auto-complete values for password managers
  • Static version shows password field, use Island for interactivity
  • Color variants help indicate password strength or validation
  • autoComplete='new-password' for registration, 'current-password' for login
  • showToggle=false removes the visibility button for high-security contexts
  • Eye icon changes based on visibility state
  • Proper ARIA labels and keyboard accessibility built-in