Feedback
Toast
Non-blocking notification toasts with success, error, warning, and info variants, auto-dismiss, and action buttons.
Preview:1280px
Changes saved
Your settings have been updated successfully.
Upload failed
The file exceeds the 10 MB size limit.
Rate limit approaching
You have used 90% of your monthly quota.
New version available
Stellix UI 2.1.0 is ready to install.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'success' | 'error' | 'warning' | 'info' | 'info' | Determines icon and color. |
| title | string | - | Bold heading of the toast. |
| message | string | - | Supporting detail text. |
| onDismiss | () => void | - | Dismiss handler. Shows close button when set. |
| action | { label: string; onClick: () => void } | - | Optional inline action button. |
| autoDismiss | number | - | Auto-dismiss timeout in ms. |