Toast
Toast Component
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| variant | selectsuccess | error | warning | info | — | |
| message | text | — | |
| duration | number | — |
Info
Success
Warning
Error
Dismissible
AllVariants
WithProgressBar
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
duration | number | — | Auto-dismiss duration in ms (0 = no auto-dismiss) |
message | text | — | Toast message |
variant | select | — | Toast variant |
Using Toasttsx
import { Toast } from '@/components/Toast'
<Toast
variant="..."
message="..."
duration="..."
/>Tokens Used
No design tokens detected