Global Navigation

Global Navigation

Global navigation is a list of navigational links your users find in the hamburger menu on every product in LINQ. Your global navigation includes a hamburger menu that opens up a side navigation and allows you to navigate throughout the product.

Link Menu Item
Menu Item
Menu Item
Really Long Menu Item With A Long Name Which Should Wrap
New Page Link Menu Item
Loading Documentation...

Nested Navigation

Nested Sidebar Navigation

The sidebar navigation is composed of two required regions, the first one being the hamburger menu to open and close the navigation, and the second being the company name along with the product name.

Angular Material application should use the ng-material-multilevel-menu package. Documentation

Active item with hover
Menu Item
Expandable Menu Item keyboard_arrow_down
Menu Item
Menu open with hover - Level 1
Menu Item
Expandable Menu Item keyboard_arrow_down

Section Header Level 1

Menu Item
Menu Item
Menu Item
Menu Item
Nested menu open with hover - Level 2
Menu Item
Expandable Menu Item keyboard_arrow_down

Section Header Level 1

Menu Item
Menu Item
Expandable Menu Item keyboard_arrow_down

Section Header Level 2

Menu Item
Menu Item
Menu Item
Menu Item

Navigation Interactions

The sidebar navigation is composed of two required regions, the first one being the hamburger menu to open and close the navigation, and the second being the company name along with the product name.

Angular Material application should use the ng-material-multilevel-menu package. Documentation

Click (or press Enter) to expand menu items
Menu Item
Expandable Menu Item keyboard_arrow_down

Section Header Level 1

Menu Item
Menu Item
Expandable Menu Item keyboard_arrow_down

Section Header Level 2

Menu Item
Menu Item
Menu Item
Menu Item