Back to Alerts & Toasts
Action Toast
A toast pairing a routine confirmation with an inline recovery action — Undo sits inside the toast body itself, not the close control.
Message deleted
Alerts & Toaststoastnotificationundoaction
Stack: React + Tailwind CSS + shadcn/ui — every prompt is written for this stack and is most accurate in it.
Dependencies: lucide-react
Overview
Layout
Icon chip + title + inline Undo action below it
Color
bg-muted icon chip — routine, reversible action
Lifetime
Auto-dismiss timer extends while an action is available
Accessibility
Undo is a focusable button, reachable before the toast times out