---
name: toast
category: feedback
summary: "Floating notification manager with auto-dismiss"
subpath: "@42/core/toast"
---

Floating notification manager. Creates/auto-dismisses toasts injected into a region.

```html
<div data-c42-toast-region></div>
```

```ts
import { Toaster } from '@42/core/toast';
const toaster = new Toaster(region, { position: 'bottom-right', duration: 5000, max: Infinity });
const id = toaster.show({ title: 'Saved', description: '…', variant: 'success' });
toaster.dismiss(id);
```

Options: `position` (top/bottom × left/right/center), `duration` (ms, 0 = persist), `max`
Methods: `show(opts) → id`, `dismiss(id)`, `clear()`
Events: `toast:show`, `toast:dismiss` → `{ id: string }`