Shadcn.io is not affiliated with official shadcn/ui
Password Actions
A React password input with visibility toggle and generate buttons using Eye icons and RefreshCw built with shadcn/ui InputGroup components
Users hate retyping passwords when they mistype one character. This React password input adds visibility toggle with EyeIcon and EyeOffIcon switching between password and text types plus RefreshCwIcon for password generation. Built with shadcn/ui InputGroup with separate InputGroupAddon components and ghost variant buttons, it's perfect for registration forms, password creation flows, account settings, or any password field where users need to verify input or generate secure passwords without leaving the field.
Password Actions preview
Installation
Related Components
Copy Button
Input with single copy button
Multiple Action Buttons
Input with multiple button controls
Search Button
Input with search action button
Password Strength Validation
Password with validation rules
Required Field
Input with required indicator
Standard Input
Basic input without buttons
FAQ
Was this page helpful?
Sign in to leave feedback.