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