Usage
import { Toaster } from "@/registry/components/toast/toast";
<Toaster />Props
| Prop | Type | Default | Description |
|---|---|---|---|
position? | "bottom-right" | "bottom-left" | "top-right" | "top-left" | "bottom-center" | "top-center" | "bottom-right" | Corner the stack sits in |
visible? | number | 3 | How many toasts stay visible; older ones are dropped from view |
contained? | boolean | false | Render inside the nearest positioned parent instead of the viewport (useful for demos) |
className? | string |
When to use
Confirming an action that already happened (saved, copied, sent) or reporting a background result, optionally with an Undo action.
When not to use
Errors that block the task or need a decision (use dialog or inline errors in text-field); persistent announcements (use notification-stack).