Skip to content
Theme

Side nav

A vertical list of links in sections.

Examples

Sections of links

Props

SideNav

A vertical list of links in sections, for an app's or a document's sidebar.

PropTypeDefaultDescription
linkAs?ElementType"a"The component that renders links: a framework's client-side link, or a plain anchor. The system itself knows no router.
labelstring—Names the navigation landmark.
sectionsreadonly SideNavSection[]—
currentHref?string—The current page's address; its link is marked aria-current.

Accessibility

  • A named navigation landmark; each section's list is labelled by its title; the current page is aria-current.