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";23<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