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.
Multiple Action Buttons
A React input field with multiple action buttons for info and favorite actions using separate InputGroupAddon components built with shadcn/ui
Search Button
A React search input with labeled button combining text and icon using secondary variant built with shadcn/ui InputGroup components