8bit

Search docs

Search for a docs page

Navigation Menu

A collection of links for navigating websites.

shadcn/ui docs

Installation

pnpm dlx shadcn@latest add https://8bit.cnlibs.com/r/navigation-menu.json

Usage

import {
  NavigationMenu,
  NavigationMenuContent,
  NavigationMenuItem,
  NavigationMenuLink,
  NavigationMenuList,
  NavigationMenuTrigger,
} from "@/components/ui/navigation-menu";
<NavigationMenu>
  <NavigationMenuList>
    <NavigationMenuItem>
      <NavigationMenuTrigger>Getting Started</NavigationMenuTrigger>
      <NavigationMenuContent>
        <div className="flex w-56 flex-col">
          <NavigationMenuLink href="#">Introduction</NavigationMenuLink>
          <NavigationMenuLink href="#">Installation</NavigationMenuLink>
          <NavigationMenuLink href="#">Theming</NavigationMenuLink>
        </div>
      </NavigationMenuContent>
    </NavigationMenuItem>
    <NavigationMenuItem>
      <NavigationMenuLink href="#">Documentation</NavigationMenuLink>
    </NavigationMenuItem>
  </NavigationMenuList>
</NavigationMenu>