Actions and status
Toast
A non-blocking notification overlay. The polite whisper that tells you something just happened.
Curated demo
Click the buttons to trigger non-blocking notifications.
Reference
A non-blocking notification overlay. The polite whisper that tells you something just happened.
- Use Toast for brief, non-blocking feedback.
- Trigger toasts via window.snurbleToast.show({ message: '...' }).
- Toasts automatically dismiss after a duration.
Props
| Name | Type | Default | Description |
|---|---|---|---|
position | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'bottom-right' | The screen position for toasts. |
class | string | — | Additional CSS classes. |
Example snippet
<Toast position="bottom-right" />