Browse the docs

PreviousDropdown menu NextChatbot

Components

Toast

Brief, non-blocking feedback after an action. Built on Sonner (vue-sonner in Vue).

Install

npx shadcn@latest add @stardust/sonner

Examples

Toasts

Examples are React. The Vue components take the same props and variants; only the template syntax differs.

Usage

Do

Confirm actions that finished out of view.
Offer Undo for reversible deletions.

Don’t

Don't put critical errors only in a toast.
Don't stack more than three at once.

Accessibility

Toasts are announced to screen readers and pause on hover.