Toast

A transient confirmation that doesn't interrupt.

Variants

Success · Warning · Error status calls; multi-line description; JSX title; linked description; Preserve (duration Infinity + close button); Action and Undo action buttons.

<Toaster position="bottom-right" />

// status
toast.success("Note published");
toast.warning("Unsaved changes");
toast.error("Publish failed");

// rich content
toast(<span>Rendered <strong>buena mono</strong></span>); // JSX
toast("Note published", {
  description: <a href="/notes/ligatures">buenalabs.io/notes/ligatures</a>, // link
});
toast("Publishing…", { duration: Infinity, closeButton: true }); // preserve

// action + undo
toast("Note ready", { action: { label: "Publish", onClick } });
toast("Note deleted", { action: { label: "Undo", onClick } });

Markdown for agents: /design/toast.md · spec: /design.md