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