Toast / Sonner
A stacked, animated notification system that queues messages using playful, bouncy springs.
Trigger Types
Programmatically invoke toast notifications with semantic intents and custom actions.
useToast() API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
title | string | '' | The main heading text of the toast. |
description | string | '' | Secondary descriptive text below the title. |
intent | string | 'default' | The visual semantic intent: 'default', 'success', 'warning', 'danger', or 'info'. |
icon | Component | undefined | A Vue component (like a Lucide icon) to render alongside the text. |
duration | number | 4000 | Time in milliseconds before the toast auto-dismisses. |
action | object | undefined | An object containing { label: string, onClick: Function } to render an action button. |