Nav
Main navigation menu top- and sidebars
Nav
Nav
Go to top
Introduction
The Nav component is an essential part of building an Intility service. The Nav component provides a responsive navigation layout for your app, and includes a logo, sidebar, top bar, mobile nav and hamburger menu button.
Interactive demo
Try the interactive demo below to explore different configurations of the Nav component.
Interactive demo
Your app content goes here
Responsive navigation
By default, the Nav component provides a responsive layout for your app with a logo, sidebar, top bar, mobile nav and hamburger menu button.
| Viewport width | Description | Sidebar | Topbar | Overlay | Fullscreen | Hamburger |
|---|---|---|---|---|---|---|
| 0-599px | Mobile | |||||
| 600-1599px | Tablet | |||||
| 1600px+ | Desktop |