Shadcn.io is not affiliated with official shadcn/ui
Toast with Action Button
A Sonner toast notification with an action button that lets users perform or undo operations directly from the toast
Ever delete something and immediately want to undo it—that tiny panic moment? This React toast with action button gives users that safety net. Built with Sonner and shadcn/ui, the action prop adds an inline button—perfect for undo actions, confirmations, quick retries, email notifications with reply buttons, or any notification where users need one-click follow-up without dismissing to find the action elsewhere.
Toast with Action Button preview
Installation
Related Components
Toast with Cancel Button
Toast with cancel option for user confirmation
Toast with Action and Cancel
Toast with both action and cancel buttons
Basic Toast
Simple toast notification without actions
Success Toast
Success notification toast
Confirmation Dialog
Modal dialog for important confirmations
Alert
Alert component for important messages
FAQ
Was this page helpful?
Sign in to leave feedback.