Side Navigation

A side navigation is a container element that represents a section of the interface.

General guidelines

The Side Navigation should always be displayed on the left of the screen. The navigation levels should not exceed more than 3 levels. If you need a deeper navigation, consider using button groups or tabs inside your page to split the content in different categories. On Desktop, the SIde Navigation should always be visible, the use of an hamburger icon is not allowed.

SideNavigation02
Responsive behaviours
SideNavigation03
Code & Design assets

Request code and design assets for creating user interfaces.

Component overview

Component overview

Can I contribute to the System?

Of course! Your contribution is more than welcomed and the System team will always be here to review your contributions or discuss.

Back to top