Toast
Ephemeral notification toasts with auto-dismiss, variants, and optional actions.
Installation
npx dafink-ui add toastDemo
bottom right · stacks upward
Props
| Name | Type | Default | Description |
|---|---|---|---|
| position | 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'bottom-right' | Where toasts appear on screen. |
| title | string | undefined | Bold heading text. |
| description | string | undefined | Body message. |
| variant | 'default' | 'success' | 'warning' | 'danger' | 'default' | Color and icon style. |
| duration | number | 4000 | Auto-dismiss delay in ms. |
| action | { label: string; onClick: () => void } | undefined | Optional action button. |