ascii.cnlibs.com
GithubX

Navigation Menu

A collection of links for site navigation.

## installation

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

## usage

import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "@/components/ui/navigation-menu";
<NavigationMenu>
  <NavigationMenuList>
    <NavigationMenuItem>
      <NavigationMenuTrigger>Product</NavigationMenuTrigger>
      <NavigationMenuContent>
        <NavigationMenuLink href="#">Overview</NavigationMenuLink>
        <NavigationMenuLink href="#">Changelog</NavigationMenuLink>
        <NavigationMenuLink href="#">Roadmap</NavigationMenuLink>
      </NavigationMenuContent>
    </NavigationMenuItem>
    <NavigationMenuItem>
      <NavigationMenuTrigger>Docs</NavigationMenuTrigger>
      <NavigationMenuContent>
        <NavigationMenuLink href="#">Getting started</NavigationMenuLink>
        <NavigationMenuLink href="#">API reference</NavigationMenuLink>
      </NavigationMenuContent>
    </NavigationMenuItem>
    <NavigationMenuItem>
      <NavigationMenuLink href="#" active>Pricing</NavigationMenuLink>
    </NavigationMenuItem>
  </NavigationMenuList>
</NavigationMenu>