---
source: Notification/ToastNotification.svelte
---
## Default (error)
## Prevent default close behavior
`ToastNotification` is a controlled component. Prevent the default close behavior using the `e.preventDefault()` method in the dispatched `on:close` event.
{
e.preventDefault();
// custom close logic (e.g., transitions)
}} />
## Full width
Set `fullWidth` to `true` for the notification to span the full width of its containing element.
## Slottable title, subtitle, caption
Error:
An internal server error occurred.
{new Date().toLocaleString()}
## Hidden close button
## Notification variants
## Low contrast