Design System v1.0

Navigation menu

Horizontal top-level navigation with dropdown panels for links, features, and calls to action.

API reference

A horizontal nav bar: a List of items whose Triggers open Content panels, with an indicator arrow and a portalled viewport.

Full props on Base UI NavigationMenu
Anatomy
NavigationMenuRoot wrapper that also mounts the positioner.
NavigationMenuContentPanel shown for an open item.
NavigationMenuIndicatorAnimated arrow marking the active trigger.
NavigationMenuItemOne menu entry container.
NavigationMenuLinkA styled navigable link row.
NavigationMenuListHorizontal row of menu items.
NavigationMenuTriggerToggles a content panel; shows a rotating chevron.
NavigationMenuPositionerPortalled positioner holding the popup and viewport.

Command Palette

Search for a command to run...