Toast

Components

Toast

A globally callable notification queue with tone, actions, promises, and swipe dismissal.

Global manager

Mount one provider near the application root, then call toast from components or ordinary modules.

tsx
<ToastProvider>
  <App />
</ToastProvider>

toast.success("Repository created", {
  description: "dowel is ready",
});

Stacking and motion

New notifications settle onto a compact stack. Hover or focus the viewport to expand it, and drag a toast down or right to dismiss it. Motion is reduced automatically when the operating system requests it.

When to use

Reserve toasts for transient, non-blocking results. Keep validation and pending state next to the action that produced them. F6 moves focus into the notification viewport.