Side Nav

SideNav is a responsive menu system that usually sits on the left side of a page layout. It will expand to the width of its container. This is the menu that is used on the left side of the page you are currently looking at.

Configure the content of a SideNav by passing in an items prop. Refer to the source code for an example of this data structure’s anatomy.

Complex side nav

SideNav also supports deeply-nested tree-based data.

Forced open side nav

SideNav items can be forced open by setting items[n].forceOpen = true