Header
The header displays the brand and provides access to familiar primary and secondary navigation across products.
Usage
- Header components are dedicated bars at the top of the website canvas.
- They can be customised to display various website-related actions, including branding elements.
- Header components often include top-level navigation options for easy access to different sections of the website.
Anatomy
The header comprises a container containing a logo, action buttons, action icons, and a user details (optional).
State
Header have action items and without action items states.
With Action Item
Without Action Item
With Hamburger
With Rounded
Specifications
Structure and spacing measurements for header.
Live Demo
The Header is demonstrated in a live environment in this demo.