Playground

Tweak every <sonner-toaster> attribute and toast option, fire it, and copy the exact markup and call. The output rail follows you as you scroll.

Toaster

Element attributes — apply to every toast.

Position (position) Theme (theme) Visible toasts (visible-toasts) Duration (duration · ms)

Rich colors (rich-colors) Close button (close-button) Expand (expand)

Advanced attributes

Invert (invert) Direction (dir) Gap (gap · px) Offset (offset) Mobile offset (mobile-offset) Hotkey (hotkey) Container label (container-aria-label)

Toast

Options for a single toast() call.

Type Title Description (description) Action (action.label) Cancel (cancel.label)

Overrides

Close button (closeButton) Rich colors (richColors)

Override duration (duration)

Dismissible (dismissible)