Shadcn.io is not affiliated with official shadcn/ui
Multiple Action Buttons
A React input field with multiple action buttons for info and favorite actions using separate InputGroupAddon components built with shadcn/ui
One button isn't always enough. This React input group adds multiple action buttons—InfoIcon for details and HeartIcon for favoriting with fill toggle. Built with shadcn/ui InputGroup using separate InputGroupAddon components with inline-end alignment, it's perfect for bookmark managers, link collections, product listings, or any interface where users need quick access to multiple actions on a single value without cluttering the layout.
Multiple Action Buttons preview
Installation
Related Components
Copy Button
Input with single copy button
Clear Button
Input with clear/reset button
Password Toggle
Input with visibility toggle button
AI Prompt Input
AI input with multiple controls
Icon Button
Icon-only button styles
Input with Badge
Input with custom badge addon
FAQ
Was this page helpful?
Sign in to leave feedback.