1# Alert Dialog
2 
3Modal dialog requiring action
4 
5**Parts:** `AlertDialogRoot`, `AlertDialogTrigger`, `AlertDialogPortal`, `AlertDialogOverlay`, `AlertDialogContent`, `AlertDialogTitle`, `AlertDialogDescription`, `AlertDialogCancel`, `AlertDialogAction`
6 
7## AlertDialogRoot
8 
9### Props
10| Prop | Type | Default |
11|------|------|---------|
12| `defaultOpen` | `boolean` | - |
13| `open` | `boolean` | - |
14 
15### Emits
16| Event | Payload |
17|-------|---------|
18| `update:open` | `[value: boolean]` |
19 
20## AlertDialogTrigger
21 
22### Props
23| Prop | Type | Default |
24|------|------|---------|
25| `as` | `AsTag \| Component` | `"button"` |
26| `asChild` | `boolean` | - |
27 
28## AlertDialogPortal
29 
30### Props
31| Prop | Type | Default |
32|------|------|---------|
33| `disabled` | `boolean` | - |
34| `forceMount` | `boolean` | - |
35| `to` | `string \| HTMLElement` | - |
36 
37## AlertDialogOverlay
38 
39### Props
40| Prop | Type | Default |
41|------|------|---------|
42| `as` | `AsTag \| Component` | `"div"` |
43| `asChild` | `boolean` | - |
44| `forceMount` | `boolean` | - |
45 
46## AlertDialogContent
47 
48### Props
49| Prop | Type | Default |
50|------|------|---------|
51| `as` | `AsTag \| Component` | `"div"` |
52| `asChild` | `boolean` | - |
53| `disableOutsidePointerEvents` | `boolean` | - |
54| `forceMount` | `boolean` | - |
55| `trapFocus` | `boolean` | - |
56 
57### Emits
58| Event | Payload |
59|-------|---------|
60| `closeAutoFocus` | `[event: Event]` |
61| `escapeKeyDown` | `[event: KeyboardEvent]` |
62| `focusOutside` | `[event: FocusOutsideEvent]` |
63| `interactOutside` | `[event: PointerDownOutsideEvent \| FocusOutsideE...` |
64| `openAutoFocus` | `[event: Event]` |
65| `pointerDownOutside` | `[event: PointerDownOutsideEvent]` |
66 
67## AlertDialogTitle
68 
69### Props
70| Prop | Type | Default |
71|------|------|---------|
72| `as` | `AsTag \| Component` | `"h2"` |
73| `asChild` | `boolean` | - |
74 
75## AlertDialogDescription
76 
77### Props
78| Prop | Type | Default |
79|------|------|---------|
80| `as` | `AsTag \| Component` | `"p"` |
81| `asChild` | `boolean` | - |
82 
83## AlertDialogCancel
84 
85### Props
86| Prop | Type | Default |
87|------|------|---------|
88| `as` | `AsTag \| Component` | `"button"` |
89| `asChild` | `boolean` | - |
90 
91## AlertDialogAction
92 
93### Props
94| Prop | Type | Default |
95|------|------|---------|
96| `as` | `AsTag \| Component` | `"button"` |
97| `asChild` | `boolean` | - |
98