Saved
Toast
The Toast component delivers brief, non-intrusive notifications in response to user actions. It provides real-time feedback without interrupting the current workflow, automatically dismissing after a set duration.
tsx
Variants
Four variants with auto-selected icons: success (check), danger (alert), brand (info), and warning (triangle).
Changes saved successfully
Failed to save changes
New update available
Storage is almost full
Stacking
Toasts stack with an overlay animation. Hover the stack to expand. Click buttons below to trigger toasts.