---
url: "https://vueda.dev/v3/reference/theming/keys/NavigationMenu.md"
title: "NavigationMenu"
---

# NavigationMenu

Source: `client/lib/theme/vueda-tailwind/navigation/index.js`

> Root flex context that centers the navigation menu and scopes viewport mode selectors.

Vue component: [NavigationMenu](/v3/reference/api/vue/NavigationMenu.md)

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/NavigationMenu.md#theme-key-NavigationMenu-root) | `group/navigation-menu relative flex max-w-max flex-1 items-center justify-center` | Root flex context that centers the navigation menu and scopes viewport mode selectors. |

<a id="theme-key-NavigationMenu-root"></a>

## root

> Root flex context that centers the navigation menu and scopes viewport mode selectors.

Default classes:

`group/navigation-menu relative flex max-w-max flex-1 items-center justify-center`

Source: `client/lib/theme/vueda-tailwind/navigation/NavigationMenu.theme.js:16`