---
category: navigation
---

# NavigationMenu

Source: `components/ui/navigation-menu.tsx`.

`NavigationMenu` is a compound component. Its parts are exported **flat** (`NavigationMenuList`, not
`NavigationMenu.List`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `NavigationMenuList` | `React.ComponentProps<typeof NavigationMenuPrimitive.List>` |
| `NavigationMenuItem` | `React.ComponentProps<typeof NavigationMenuPrimitive.Item>` |
| `NavigationMenuContent` | `React.ComponentProps<typeof NavigationMenuPrimitive.Content>` |
| `NavigationMenuTrigger` | `React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>` |
| `NavigationMenuLink` | `React.ComponentProps<typeof NavigationMenuPrimitive.Link>` |
| `NavigationMenuIndicator` | `React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>` |
| `NavigationMenuViewport` | `React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>` |

All parts accept `className` and are composed as children of `NavigationMenu`.