Navigation menu · Components

a marketing site’s top nav with dropdown panels · not for app navigation (AppShell)

The web kit's real component, live. Follows this site's theme.

Usage

For marketing pages with grouped links. Hide it behind a Sheet on small screens; it does not collapse on its own.

API

<NavigationMenu><NavigationMenuList><NavigationMenuItem><NavigationMenuTrigger /><NavigationMenuContent /></NavigationMenuItem></NavigationMenuList></NavigationMenu>

Get it

Already in every copy of the web kit:

import { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink, navigationMenuTriggerStyle } from '@/components/ui/navigation-menu';

Details

Exports: NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink, navigationMenuTriggerStyle
Source: apps/web/components/ui/navigation-menu.tsx
Also searched as: mega menu, top nav, header menu
Upstream: Unchanged from shadcn/ui; installs from their registry.

Agents: the whole registry is at /llms.txt.