COMPONENTS // FEEDBACK OVERLAY

Toast (Sonner-style)

Sonner-style stacking notification toast system, supporting multiple feedback types, countdown auto-dismiss bar, and interactive action buttons.

Interactive Playground

Toast Notification Types

Click buttons below to trigger stacking notifications.

API Reference

Method / PropertyParametersDescription
toast.success(title, opts)(string, ToastOptions?)Displays success toast with green check icon and countdown bar
toast.error(title, opts)(string, ToastOptions?)Displays error toast with red icon and 6-second timeout
toast.warning(title, opts)(string, ToastOptions?)Displays warning toast with amber alert triangle icon
toast.info(title, opts)(string, ToastOptions?)Displays info toast with cyan information glyph
Toasterposition: 'bottom-right' | ...Global toaster container mounted in root layout for stacking toasts
CSET DESIGN SYSTEM // SVELTE 5
CSET DESIGN SYSTEM // SVELTE 5