1# Toast
2 
3Temporary notifications
4 
5**Parts:** `ToastProvider`, `ToastRoot`, `ToastViewport`, `ToastTitle`, `ToastDescription`, `ToastAction`, `ToastClose`, `ToastPortal`
6 
7## ToastProvider
8 
9### Props
10| Prop | Type | Default |
11|------|------|---------|
12| `duration` | `number` | `5000` |
13| `label` | `string` | `"Notification"` |
14| `swipeDirection` | `"right" \| "left" \| "up" \| "down"` | `"right"` |
15| `swipeThreshold` | `number` | `50` |
16 
17## ToastRoot
18 
19### Props
20| Prop | Type | Default |
21|------|------|---------|
22| `as` | `AsTag \| Component` | `"li"` |
23| `asChild` | `boolean` | - |
24| `defaultOpen` | `boolean` | `true` |
25| `duration` | `number` | - |
26| `forceMount` | `boolean` | - |
27| `open` | `boolean` | - |
28| `type` | `"foreground" \| "background"` | `"foreground"` |
29 
30### Emits
31| Event | Payload |
32|-------|---------|
33| `escapeKeyDown` | `[event: KeyboardEvent]` |
34| `pause` | `[]` |
35| `resume` | `[]` |
36| `swipeCancel` | `[event: SwipeEvent]` |
37| `swipeEnd` | `[event: SwipeEvent]` |
38| `swipeMove` | `[event: SwipeEvent]` |
39| `swipeStart` | `[event: SwipeEvent]` |
40| `update:open` | `[value: boolean]` |
41 
42### Slots
43| Slot | Type |
44|------|------|
45| `open` | `boolean` |
46| `remaining` | `number` |
47| `duration` | `number` |
48 
49## ToastViewport
50 
51### Props
52| Prop | Type | Default |
53|------|------|---------|
54| `as` | `AsTag \| Component` | `"ol"` |
55| `asChild` | `boolean` | - |
56| `hotkey` | `string[]` | `["F8"]` |
57| `label` | `string \| ((hotkey: string) => string)` | `"Notifications ({hotkey})"` |
58 
59## ToastTitle
60 
61### Props
62| Prop | Type | Default |
63|------|------|---------|
64| `as` | `AsTag \| Component` | `"div"` |
65| `asChild` | `boolean` | - |
66 
67## ToastDescription
68 
69### Props
70| Prop | Type | Default |
71|------|------|---------|
72| `as` | `AsTag \| Component` | `"div"` |
73| `asChild` | `boolean` | - |
74 
75## ToastAction
76 
77### Props
78| Prop | Type | Default |
79|------|------|---------|
80| `altText`* | `string` | - |
81| `as` | `AsTag \| Component` | `"div"` |
82| `asChild` | `boolean` | - |
83 
84## ToastClose
85 
86### Props
87| Prop | Type | Default |
88|------|------|---------|
89| `as` | `AsTag \| Component` | `"button"` |
90| `asChild` | `boolean` | - |
91 
92## ToastPortal
93 
94### Props
95| Prop | Type | Default |
96|------|------|---------|
97| `disabled` | `boolean` | - |
98| `forceMount` | `boolean` | - |
99| `to` | `string \| HTMLElement` | - |
100