Toast
A transient notification. Presentational only: queueing, timing, and positioning stay with your app.
Changes saved
Statuses
Deployed to production
v0.3.3 is live.
Upload failed
The file exceeded the 5MB limit.
Scheduled maintenance
Tonight, 01:00–02:00 UTC.
Dismissible
The close button is tied to onDismiss: no handler, no button. A toast that auto-expires doesn't need one.
Two seats left on your plan
Building a queue
There's no provider or toast() function here on purpose: stacking rules, timers, and where they appear differ enough per app that owning the list yourself is simpler than configuring someone else's.
Each one clears itself after 4s.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| status | 'success' | 'error' | 'info' | 'info' | Sets the leading icon and its tint. |
| title | string | Headline text. | |
| description | string | Supporting line under the title. | |
| onDismiss | () => void | Fires when the x is clicked. The button only renders if this is set. |