NavigationMenu

Root of the NavigationMenu compound component, a set of site navigation links where some items open a panel of further links. Shares direction, size, and disabled with the parts inside it. Renders a <nav> element, or a <div> element when nested.

List that holds the navigation items, laid out in the direction set on NavigationMenu.Root. Renders a <ul> element.

Holds one navigation entry, either a link or a trigger with its content. Renders an <li> element.

Link to a page in the navigation menu. Set current on the link for the page the user is on. Renders an <a> element.

Combines NavigationMenu.TriggerPrimitive and NavigationMenu.TriggerIndicatorPrimitive into a single part, with the chevron after the label. Renders a <button> element.

Button that opens the content of its item when hovered or clicked. Renders a <button> element.

Chevron icon that shows whether the content of the item is open. Renders a <span> element.

Holds the links shown in the panel while its item is open. Place it next to the trigger inside NavigationMenu.Item. Renders a <div> element.

Portal container that renders the navigation menu panel outside the normal DOM hierarchy. Renders a <div> element.

Positions the navigation menu panel against the open trigger and keeps it inside the viewport. Renders a <div> element.

The navigation menu panel, with an arrow that points at the open trigger. Renders a <nav> element.

Combines NavigationMenu.PortalPrimitive, NavigationMenu.PositionerPrimitive, NavigationMenu.PopupPrimitive, and NavigationMenu.ViewportPrimitive into a single part. Use portalElement, positionerElement, or popupElement to replace the portal, positioner, or popup. Renders a <div> element.

Clipping area inside the panel that shows the content of the open item. Renders a <div> element.