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