Toast Notification
Visual Effects
Stackable animated toast notifications with variants (success, error, warning, info), auto-dismiss, and manual dismiss.
Loading preview...
Customize
Position:
Props
| Prop | Type | Default | Description |
|---|---|---|---|
toasts | Toast[] | — | Array of toast objects with id, message, variant, and duration. |
onDismiss | (id: string) => void | — | Callback to dismiss a toast by id. |
position | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-right' | Screen position of the toast stack. |
className | string | '' | Additional CSS classes. |