1# Context Menu
2 
3Right-click context menu
4 
5**Parts:** `ContextMenuRoot`, `ContextMenuTrigger`, `ContextMenuPortal`, `ContextMenuContent`, `ContextMenuItem`, `ContextMenuCheckboxItem`, `ContextMenuRadioGroup`, `ContextMenuRadioItem`, `ContextMenuItemIndicator`, `ContextMenuLabel`, `ContextMenuGroup`, `ContextMenuSeparator`, `ContextMenuSub`, `ContextMenuSubTrigger`, `ContextMenuSubContent`, `ContextMenuArrow`
6 
7## ContextMenuRoot
8 
9### Props
10| Prop | Type | Default |
11|------|------|---------|
12| `dir` | `"ltr" \| "rtl"` | - |
13| `modal` | `boolean` | `true` |
14 
15### Emits
16| Event | Payload |
17|-------|---------|
18| `update:open` | `[payload: boolean]` |
19 
20## ContextMenuTrigger
21 
22### Props
23| Prop | Type | Default |
24|------|------|---------|
25| `as` | `AsTag \| Component` | `"span"` |
26| `asChild` | `boolean` | - |
27| `disabled` | `boolean` | `false` |
28 
29## ContextMenuPortal
30 
31### Props
32| Prop | Type | Default |
33|------|------|---------|
34| `disabled` | `boolean` | - |
35| `forceMount` | `boolean` | - |
36| `to` | `string \| HTMLElement` | - |
37 
38## ContextMenuContent
39 
40### Props
41| Prop | Type | Default |
42|------|------|---------|
43| `alignOffset` | `number` | `0` |
44| `as` | `AsTag \| Component` | `"div"` |
45| `asChild` | `boolean` | - |
46| `avoidCollisions` | `boolean` | `true` |
47| `collisionBoundary` | `Element \| (Element \| null)[] \| null` | `[]` |
48| `collisionPadding` | `number \| Partial<Record<"top" \| "right" \| "bott...` | `0` |
49| `forceMount` | `boolean` | - |
50| `hideWhenDetached` | `boolean` | `false` |
51| `loop` | `boolean` | - |
52| `prioritizePosition` | `boolean` | - |
53| `sticky` | `"partial" \| "always"` | `"partial"` |
54 
55### Emits
56| Event | Payload |
57|-------|---------|
58| `closeAutoFocus` | `[event: Event]` |
59| `escapeKeyDown` | `[event: KeyboardEvent]` |
60| `focusOutside` | `[event: FocusOutsideEvent]` |
61| `interactOutside` | `[event: PointerDownOutsideEvent \| FocusOutsideE...` |
62| `pointerDownOutside` | `[event: PointerDownOutsideEvent]` |
63 
64## ContextMenuItem
65 
66### Props
67| Prop | Type | Default |
68|------|------|---------|
69| `as` | `AsTag \| Component` | `"div"` |
70| `asChild` | `boolean` | - |
71| `disabled` | `boolean` | - |
72| `textValue` | `string` | - |
73 
74### Emits
75| Event | Payload |
76|-------|---------|
77| `select` | `[event: Event]` |
78 
79## ContextMenuCheckboxItem
80 
81### Props
82| Prop | Type | Default |
83|------|------|---------|
84| `as` | `AsTag \| Component` | `"div"` |
85| `asChild` | `boolean` | - |
86| `checked` | `false \| true \| "indeterminate"` | - |
87| `disabled` | `boolean` | - |
88| `textValue` | `string` | - |
89 
90### Emits
91| Event | Payload |
92|-------|---------|
93| `select` | `[event: Event]` |
94| `update:checked` | `[payload: boolean]` |
95 
96## ContextMenuRadioGroup
97 
98### Props
99| Prop | Type | Default |
100|------|------|---------|
101| `as` | `AsTag \| Component` | `"div"` |
102| `asChild` | `boolean` | - |
103| `modelValue` | `string` | - |
104 
105### Emits
106| Event | Payload |
107|-------|---------|
108| `update:modelValue` | `[payload: string]` |
109 
110## ContextMenuRadioItem
111 
112### Props
113| Prop | Type | Default |
114|------|------|---------|
115| `as` | `AsTag \| Component` | `"div"` |
116| `asChild` | `boolean` | - |
117| `disabled` | `boolean` | - |
118| `textValue` | `string` | - |
119| `value`* | `string` | - |
120 
121### Emits
122| Event | Payload |
123|-------|---------|
124| `select` | `[event: Event]` |
125 
126## ContextMenuItemIndicator
127 
128### Props
129| Prop | Type | Default |
130|------|------|---------|
131| `as` | `AsTag \| Component` | `"div"` |
132| `asChild` | `boolean` | - |
133| `forceMount` | `boolean` | - |
134 
135## ContextMenuLabel
136 
137### Props
138| Prop | Type | Default |
139|------|------|---------|
140| `as` | `AsTag \| Component` | `"div"` |
141| `asChild` | `boolean` | - |
142 
143## ContextMenuGroup
144 
145### Props
146| Prop | Type | Default |
147|------|------|---------|
148| `as` | `AsTag \| Component` | `"div"` |
149| `asChild` | `boolean` | - |
150 
151## ContextMenuSeparator
152 
153### Props
154| Prop | Type | Default |
155|------|------|---------|
156| `as` | `AsTag \| Component` | `"div"` |
157| `asChild` | `boolean` | - |
158 
159## ContextMenuSub
160 
161### Props
162| Prop | Type | Default |
163|------|------|---------|
164| `defaultOpen` | `boolean` | - |
165| `open` | `boolean` | - |
166 
167### Emits
168| Event | Payload |
169|-------|---------|
170| `update:open` | `[payload: boolean]` |
171 
172### Slots
173| Slot | Type |
174|------|------|
175| `open` | `boolean` |
176 
177## ContextMenuSubTrigger
178 
179### Props
180| Prop | Type | Default |
181|------|------|---------|
182| `as` | `AsTag \| Component` | `"div"` |
183| `asChild` | `boolean` | - |
184| `disabled` | `boolean` | - |
185| `textValue` | `string` | - |
186 
187## ContextMenuSubContent
188 
189### Props
190| Prop | Type | Default |
191|------|------|---------|
192| `alignOffset` | `number` | - |
193| `arrowPadding` | `number` | - |
194| `as` | `AsTag \| Component` | `"div"` |
195| `asChild` | `boolean` | - |
196| `avoidCollisions` | `boolean` | - |
197| `collisionBoundary` | `Element \| (Element \| null)[] \| null` | - |
198| `collisionPadding` | `number \| Partial<Record<"top" \| "right" \| "bott...` | - |
199| `forceMount` | `boolean` | - |
200| `hideWhenDetached` | `boolean` | - |
201| `loop` | `boolean` | - |
202| `prioritizePosition` | `boolean` | - |
203| `sideOffset` | `number` | - |
204| `sticky` | `"partial" \| "always"` | - |
205| `updatePositionStrategy` | `"always" \| "optimized"` | - |
206 
207### Emits
208| Event | Payload |
209|-------|---------|
210| `closeAutoFocus` | `[event: Event]` |
211| `entryFocus` | `[event: Event]` |
212| `escapeKeyDown` | `[event: KeyboardEvent]` |
213| `focusOutside` | `[event: FocusOutsideEvent]` |
214| `interactOutside` | `[event: PointerDownOutsideEvent \| FocusOutsideE...` |
215| `openAutoFocus` | `[event: Event]` |
216| `pointerDownOutside` | `[event: PointerDownOutsideEvent]` |
217 
218## ContextMenuArrow
219 
220### Props
221| Prop | Type | Default |
222|------|------|---------|
223| `as` | `AsTag \| Component` | `"svg"` |
224| `asChild` | `boolean` | - |
225| `height` | `number` | `5` |
226| `width` | `number` | `10` |
227