Back to Alerts & Toasts
Success Alert
A confirmation alert for a just-completed action, pairing the success message with an inline Undo link next to its own title.
Conversation archived
Moved out of your inbox. You can find it in Archived anytime.
Alerts & Toastsalertbannersuccessundoconfirmation
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-row with inline Undo link
Color
bg-primary/10 icon chip — positive confirmation
Actions
Undo (reverses) / close (only dismisses)
Accessibility
role="status", Undo is a real focusable control, not a link styled from text