Collapsible side navigation with nested sections, active-state tracking, and overflow scroll.
Sidebar is the primary nav-rail primitive. Configure section groups, items within each section, and the component handles collapsed/expanded states, nested-item indentation, and active-route highlighting via React Router.
The rail can collapse to icons-only on demand or via a media query for narrow screens. Section headings stick to the top of the visible area when scrolled past.
Skip the manual import — ask your AI agent to build with this component. The Builder skill knows its props, variants, and idioms.