# Navigation Menu

> A site navigation menu with dropdown content panels.

_Updated: 2026-06-04_

A site navigation menu with dropdown content panels.

## Installation

```bash
railbase ui add navigation-menu
```

Peer dependencies:

```bash
npm install class-variance-authority
```

## Usage

```tsx
import { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent } from "@/lib/ui/navigation-menu";

<NavigationMenu>
  <NavigationMenuList>
    <NavigationMenuItem>
      <NavigationMenuTrigger>Products</NavigationMenuTrigger>
      <NavigationMenuContent>…links…</NavigationMenuContent>
    </NavigationMenuItem>
  </NavigationMenuList>
</NavigationMenu>
```

## Anatomy

Exported parts: `NavigationMenu` · `NavigationMenuList` · `NavigationMenuItem` · `navigationMenuTriggerStyle` · `NavigationMenuTrigger` · `NavigationMenuContent` · `NavigationMenuLink` · `NavigationMenuIndicator` · `NavigationMenuViewport`