feedback / stable
Toaster
Bottom-center toasts (sonner) on the popover surface; call `toast()` from anywhere.
LIVE PREVIEW
Loading preview…
When to use
- Brief confirmation of something the user just did (saved, sent, archived).
- Offering Undo instead of asking for confirmation.
Consider an alternative
- Errors the user must act on — show them inline or in an AlertDialog.
- Persistent state — use a banner or empty state.
Import
import { Toaster } from '@revido-llc/kit';Keyboard interaction
- Alt+T — focus the toast region
- Tab — reach toast actions
Props
Props documented by the Kit. Refer to the TypeScript types for the complete interface, including inherited props.
Related exports
toast
Examples
Kinds
Mount <Toaster /> once in the root layout.
toast("Link copied");
toast.success("Proposal sent", { description: "Acme will get an email." });
toast.error("Couldn't save");Undo
Prefer undo over a confirm dialog for reversible actions.
toast("Task archived", { action: { label: "Undo", onClick: restore } });Literal anatomy
Static component anatomy; bind events in the consuming app.
<Toaster />