Nested Sidebar Navigation

The sidebar navigation is composed of two required regions, the first one being the hamburger menu to open and close the navigation, and the second being the company name along with the product name.

Angular Material application should use the ng-material-multilevel-menu package. Documentation

Active item with hover
Menu Item
Expandable Menu Item keyboard_arrow_down
Menu Item
Menu open with hover - Level 1
Menu Item
Expandable Menu Item keyboard_arrow_down

Section Header Level 1

Menu Item
Menu Item
Menu Item
Menu Item
Nested menu open with hover - Level 2
Menu Item
Expandable Menu Item keyboard_arrow_down

Section Header Level 1

Menu Item
Menu Item
Expandable Menu Item keyboard_arrow_down

Section Header Level 2

Menu Item
Menu Item
Menu Item
Menu Item