# toastHold

> Pauses every toast in `toaster` while the pointer or focus rests on the region, and resumes once both leave, so a fanned-out stack stays readable.

```ts
import { toastHold } from "@sdxc/ui/app";
```

Pauses every toast in `toaster` while the pointer or focus rests on the
region, and resumes once both leave, so a fanned-out stack stays readable.

## Signature

```ts
toastHold(toaster: Toaster<unknown>): MixinDescriptor<HTMLElement>
```

## Parameters

| Parameter | Type | Description |
| --- | --- | --- |
| `toaster` | `Toaster<unknown>` |  |

## Examples

```tsx
<div data-slot="region" mix={[toastHold(toaster)]}>{toasts}</div>
```