1# Navigation Menu
2 
3Site navigation menu
4 
5**Parts:** `NavigationMenuRoot`, `NavigationMenuList`, `NavigationMenuItem`, `NavigationMenuTrigger`, `NavigationMenuContent`, `NavigationMenuLink`, `NavigationMenuIndicator`, `NavigationMenuViewport`, `NavigationMenuSub`
6 
7## NavigationMenuRoot
8 
9### Props
10| Prop | Type | Default |
11|------|------|---------|
12| `as` | `AsTag \| Component` | `"nav"` |
13| `asChild` | `boolean` | - |
14| `defaultValue` | `string` | - |
15| `delayDuration` | `number` | `200` |
16| `dir` | `"ltr" \| "rtl"` | - |
17| `disableClickTrigger` | `boolean` | `false` |
18| `disableHoverTrigger` | `boolean` | `false` |
19| `modelValue` | `string` | - |
20| `orientation` | `"vertical" \| "horizontal"` | `"horizontal"` |
21| `skipDelayDuration` | `number` | `300` |
22 
23### Emits
24| Event | Payload |
25|-------|---------|
26| `update:modelValue` | `[value: string]` |
27 
28### Slots
29| Slot | Type |
30|------|------|
31| `modelValue` | `string` |
32 
33## NavigationMenuList
34 
35### Props
36| Prop | Type | Default |
37|------|------|---------|
38| `as` | `AsTag \| Component` | `"ul"` |
39| `asChild` | `boolean` | - |
40 
41## NavigationMenuItem
42 
43### Props
44| Prop | Type | Default |
45|------|------|---------|
46| `as` | `AsTag \| Component` | `"li"` |
47| `asChild` | `boolean` | - |
48| `value` | `string` | - |
49 
50## NavigationMenuTrigger
51 
52### Props
53| Prop | Type | Default |
54|------|------|---------|
55| `as` | `AsTag \| Component` | `"button"` |
56| `asChild` | `boolean` | - |
57| `disabled` | `boolean` | - |
58 
59## NavigationMenuContent
60 
61### Props
62| Prop | Type | Default |
63|------|------|---------|
64| `as` | `AsTag \| Component` | `"div"` |
65| `asChild` | `boolean` | - |
66| `disableOutsidePointerEvents` | `boolean` | - |
67| `forceMount` | `boolean` | - |
68 
69### Emits
70| Event | Payload |
71|-------|---------|
72| `escapeKeyDown` | `[event: KeyboardEvent]` |
73| `focusOutside` | `[event: FocusOutsideEvent]` |
74| `interactOutside` | `[event: PointerDownOutsideEvent \| FocusOutsideE...` |
75| `pointerDownOutside` | `[event: PointerDownOutsideEvent]` |
76 
77## NavigationMenuLink
78 
79### Props
80| Prop | Type | Default |
81|------|------|---------|
82| `active` | `boolean` | - |
83| `as` | `AsTag \| Component` | `"a"` |
84| `asChild` | `boolean` | - |
85 
86### Emits
87| Event | Payload |
88|-------|---------|
89| `select` | `[payload: CustomEvent<{ originalEvent: Event; }>]` |
90 
91## NavigationMenuIndicator
92 
93### Props
94| Prop | Type | Default |
95|------|------|---------|
96| `as` | `AsTag \| Component` | `"div"` |
97| `asChild` | `boolean` | - |
98| `forceMount` | `boolean` | - |
99 
100## NavigationMenuViewport
101 
102### Props
103| Prop | Type | Default |
104|------|------|---------|
105| `as` | `AsTag \| Component` | `"div"` |
106| `asChild` | `boolean` | - |
107| `forceMount` | `boolean` | - |
108 
109## NavigationMenuSub
110 
111### Props
112| Prop | Type | Default |
113|------|------|---------|
114| `as` | `AsTag \| Component` | `"div"` |
115| `asChild` | `boolean` | - |
116| `defaultValue` | `string` | - |
117| `modelValue` | `string` | - |
118| `orientation` | `"vertical" \| "horizontal"` | `"horizontal"` |
119 
120### Emits
121| Event | Payload |
122|-------|---------|
123| `update:modelValue` | `[value: string]` |
124 
125### Slots
126| Slot | Type |
127|------|------|
128| `modelValue` | `string` |
129