Header

Overview

A global header is what users rely on to navigate and orient themselves in the application. It is the foundation for introducing the product’s local navigation while also providing access to system-wide functions like settings, notifications and app-wide search.

Javascript

<JS> Dependency Note that you need to load Bootstrap.js and header.js for the header. You can download the recommended versions below.

Slide Out Navigation Custom Backdrop

Add the following function when using the Slide Out Navigation to incorporate a custom class that will change the backdrop display to light instead of dark. This adjustment provides improved contrast for the Slide Out Navigation.