Navigation Menu

Mega-menu navigation with uppercase triggers and frosted dropdown panels consistent with the registry's overlay language.

Product nav

Platform switcher
Dropdown sheet inherits the same square borders as cards and drawers.

Installation

pnpm dlx shadcn@latest add @omni/navigation-menu

Usage

import {
  NavigationMenu,
  NavigationMenuContent,
  NavigationMenuItem,
  NavigationMenuLink,
  NavigationMenuList,
  NavigationMenuTrigger,
} from "@/components/ui/navigation-menu"
<NavigationMenu>
  <NavigationMenuList>
    <NavigationMenuItem>
      <NavigationMenuTrigger>PRODUCTS</NavigationMenuTrigger>
      <NavigationMenuContent>
        <NavigationMenuLink>Control Plane</NavigationMenuLink>
      </NavigationMenuContent>
    </NavigationMenuItem>
  </NavigationMenuList>
</NavigationMenu>