Overview

Almost every login and signup screen benefits from a show/hide password toggle — it prevents typos and reduces user frustration, especially on mobile. Password Toggle is a small wrapper block that gives you that behavior without replacing your existing password Input. Drop the block, put your password field inside it, and the eye appears automatically.

Key features

• Wrapper design — keeps your existing password Input (bindings, validation, form behavior) and just adds the eye.
• Familiar eye / eye-slash icon inside the input, with smooth swap on toggle.
• Optional auto-hide safety timer — revealed passwords automatically go back to hidden after N seconds.
• Accessible: keyboard-focusable toggle with a proper aria-label that updates on state change; type=button prevents accidental form submission.
• OnVisibilityChanged event so you can log analytics or react to state changes.
• No dependencies, no server calls.