XDSTopNav

TopNav

Main navigation bar container with slot-based layout.

TopNav@xds/core

Sub-components (7)

XDSTopNavMain navigation bar container with slot-based layout.

XDSTopNavHeadingHeading component for the XDSTopNav heading slot — displays a logo and/or heading text, optionally as a clickable link.

XDSTopNavItemNavigation link item for use in XDSTopNav startContent — renders as an anchor with hover and selected states.

XDSTopNavMegaMenuNavigation item that displays a full-width mega menu panel on hover. Uses a slots API with items and featured props. XDSTopNavMegaMenuItem renders itself in both desktop and mobile drawer modes. Supports inline collapsible drawer via render mode context.

XDSTopNavMegaMenuFeaturedCardStandard featured card for the XDSTopNavMegaMenu featured slot. Provides a consistent card with optional image, title, description, and CTA link.

XDSTopNavMegaMenuItemAn individual item inside an XDSTopNavMegaMenu. Renders itself in both desktop (popover grid) and mobile drawer modes via render mode context.

XDSTopNavMenuNavigation item that displays a hover-triggered popover menu with rich items containing an icon, title, and optional description.