Navigation Bar

Navigation pattern with vertically stacked links that can be displayed with different hierarchy levels. Uses the Navigation Bar Item and Navigation Bar SubItem to create the necessary structure.
With Subitems
Without Subitems
When to use
Use the Navigation Bar to organize the content, and enable quick navigation through an application. Use it when the user needs to navigate through an application's main sections, maintaining the ability to browse to another subsection quickly.
Is Fixed
Navigation Bar will allways be in the same position within the screen.
Multiple Items
Allows multiple items to be opened having the effect of the Accordion.
See more information on implementing this pattern in the product documentation
Click here to see your activities