Navigation Menu
A top-level navigation component with rich dropdown content. Built on Radix UI Navigation Menu.
Overview
The Navigation Menu component provides a full-featured navigation bar with animated indicators, viewport transitions, and support for rich dropdown content panels. It is used in the site header for primary navigation.
Usage
Use the Navigation Menu for top-level site navigation with dropdowns containing links, descriptions, or featured content.
For simpler navigation, standard links or a Menubar may be more appropriate.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | — | Controlled active item |
| onValueChange | (value: string) => void | — | Callback when active item changes |
| orientation | "horizontal" | "vertical" | "horizontal" | Layout direction |