The navigation bar is essential to a product’s UI. It is a consistently available user interface element. The navigation bar provides consistent locations to invoke your product’s local navigation as well as giving access to a user's account.

Anatomy

- Header menu. The head menu includes the company logo and serves as a link to the homepage.
- Menu-items. Menu items trigger sub-menus for further navigation options.
- Sub-menu items. Sub-menu items provide secondary navigation links under primary menu items.
- Sub-sub-menu items. Sub-sub menu items allow deeper navigation within the sub-menu structure.
- Direct-link menu items. Direct-link menu items navigate directly to specific pages.
-
CTA button. A call to action button provides access to a relevant user action.
Unable to show component health block
Please select a component in the block.
Please select a component in the block.