The Side Nav is a vertical list of navigational links, typically used on the left side of a page. For maximum flexibility, Side Nav elements have no default width or positioning. We suggest using column grid classes or an inline
width style for sizing, and flexbox utilities for positioning alongside content.
aria-current="page"to show a link as selected. Selected button elements in tab-like UIs should instead have
Different kind of content can be added inside a Side Nav item. Use utility classes to further style them if needed.
.SideNav-subItem is an alternative, more lightweight version without borders and more condensed. It can be used stand-alone.
Or also appear nested, as a sub navigation. Use margin/padding utility classes to add indentation.