COMPONENTS

Side Panel Menu

Side Panel Menu is a vertical navigational menu that can be added to the Side Panel.

side-panel-menu-intro
side-panel-menu-anatomy
  1. Primary menu item
  2. Notification badge
  3. Secondary menu item
Menu items can have numberical notification badges. They are displayed along the right edge side in expanded state and as a badge on the icon in collapsed state.
side-panel-menu-anatomy

Menu items have five possible states — enabled, hover, focus, selected, disabled.

side-panel-menu-states

Side panel menus can be expanded or collapsed. In the collapsed state, primary menu items are displayed as icons.

side-panel-menu-expansion

Secondary menus are presented inline in the expanded state and as a flyout for the collapsed state.

side-panel-menu-secondary-meus