Global Nav Bar

🖥️ Desktop

Global Navbar

The Global Nav component provides users with a means to navigate through the modules within a product and the products within our platform. It also enables them to search for common elements and access their personal settings.

Product Variants

Due to the different functionality offered between EHS and our other products there is a slight variation. This is the inclusion of the queries icon found in EcoOnline EHS.

Global Navbar - EcoOnline EHS

This variant of the Global Navbar is only present in EcoOnline EHS. It contains an additional icon that provides the user with access to a list of saved filters.

📱Mobile

Global Navbar - Mobile

The default appearance of the Global Navbar on mobile devices. The hamburger icon triggers the modal 'draw' containing navigation options.

Global Navbar - Mobile Modal View

When a modal is present on mobile the Global Navbar changes appearance to provide the user with an icon to dismiss the modal.