XDSSideNav

SideNav

Container with five zones: header, topContent, children (scrollable), footer, and footerIcons. Supports collapsible mode.

SideNav@xds/core

Sub-components (5)

XDSSideNavContainer with five zones: header, topContent, children (scrollable), footer, and footerIcons. Supports collapsible mode.

XDSSideNavCollapseButtonToggle button for sidenav collapse. Place inside XDSSideNav (reads context automatically) or outside (pass sideNavRef). Renders as an icon-only ghost button by default.

XDSSideNavHeadingProduct/suite/account heading with smart interaction boundary logic for links and a menu popover.

XDSSideNavItemNavigation item with icon, selected state, optional end content, and nesting support via children.

XDSSideNavSectionSection grouping with an optional title, subtitle, and end content.