Sonner Interactive 3 - Toast with action and cancel

Pro

Sonner toast with both action and cancel buttons for confirm or abort.
Shadcn Sonner Interactive 3 component

Component data

ID
sonner/sonner-interactive-3
Access
pro
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Sonner Interactive 3 component design & features

This sonner example uses the shadcn Sonner component with both action and cancel buttons. One path confirms the operation and the other aborts it.

Use this sonner component for destructive or irreversible steps, such as permanent deletes, when a full dialog would be too heavy.