---
## Toast
Container that renders and manages toast notifications.
Place once in your root layout. Use the toaster store to trigger toasts from anywhere.
**Import:** `import { Toast } from '@urbicon-ui/blocks';`
### Examples
```svelte
```
```svelte
```
### Variants
- intent: danger, info, neutral, primary, success, warning (default: neutral)
- placement: bottom-center, bottom-left, bottom-right, top-center, top-left, top-right (default: bottom-right)
### Api
| Prop | Type | Required | Default | Description |
| --- | --- | :---: | --- | --- |
| ...HTMLAttributes | `HTMLAttributes` | no | | HTML attributes (excluding: 'children') |
| class | `string` | no | | Extra classes merged onto the container element. |
| max | `number` | no | 5 | Maximum number of toasts visible at once. Oldest are hidden first. |
| placement | `ToastPlacement` | no | 'bottom-right' | Screen corner where toasts stack. |
| preset | `string` | no | | Apply a named preset registered via ``. Prefer this over `class` overrides when the requested look falls outside the semantic intent palette — presets keep hover/active/dark-mode logic coherent and make the custom look reusable across the project. |
| slotClasses | `Partial>` | no | | Per-slot class overrides merged with (or replacing, when `unstyled`) the default styles. |
| unstyled | `boolean` | no | | Strip all default tv classes. Use with `slotClasses` for a fully custom look. |
| intent | `'danger' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'` | no | neutral | Controls the color theme and semantic meaning of the Toast. Affects the overall appearance and user perception. Available options: danger, info, neutral, and 3 more. |
Inherited from:
- Omit, 'children'> (omit-pattern)