Open GitHub repository
ComponentsNavigation Menu

Navigation Menu

A responsive collection of top-level links with optional flyout content.

Installation

bunx @swift-rust/ui add navigation-menu

Usage

tsx
1import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "@/components/ui/navigation-menu";
2 
3<NavigationMenu>
4 <NavigationMenuList>
5 <NavigationMenuItem value="docs">
6 <NavigationMenuTrigger>Docs</NavigationMenuTrigger>
7 <NavigationMenuContent value="docs">
8 <NavigationMenuLink href="/docs">Introduction</NavigationMenuLink>
9 </NavigationMenuContent>
10 </NavigationMenuItem>
11 </NavigationMenuList>
12</NavigationMenu>

Composition

Navigation Menu is composed of these parts:

NavigationMenu
└── NavigationMenuList
└── NavigationMenuItem
├── NavigationMenuTrigger
└── NavigationMenuContent
└── NavigationMenuLink