Toast
A temporary, non-intrusive notification that appears in the bottom-right corner to provide feedback.
| Property | Description | Type |
|---|---|---|
onDismiss | Executes a function when the dismiss button is clicked. | () => void |
id | ID passed to the Toast component. Necessary for dismissable functionality. | string |
variant | The style of the toast. | default | danger |
dismissable | Shows a close button. Defaults to true. | boolean |
onDismiss | Called when the close button is clicked. Remove the toast from your list here. | () => void |
ToastGroup | Wrap all toasts in one group. It stacks them in the corner and is a polite live region, so screen readers announce each new toast without interrupting. | component |