Need help? Looking for latest product info? Join our upcoming office hours. Learn more >

Main Navigation Component

Variation 1 - Flyout

Variation 2 - Flyout Slide

 Variation 3 - Flat

Variation 4 - Flat Dynamic

Variation 5 - Flyout Slide Dynamic

Variation 6 - With cards

Variation 7 - With Cross Links

Variation 8 - with Image & Main Navigation

Variation 9 - with Column control & Main Navigation

Variation 10 - with Image, Dropdown & Main Navigation

What is Main Navigation Component?

The Main Navigation component appears as a menu bar or list of links prominently displayed on a website's pages. It serves as a primary means for users to navigate through different sections or pages of the website.

Specifications:

  • Flyout variation, navitems appears until second level links.
  • Flyout Slide, has the option of configuring third level links.
  • Flat variation is similar to Flyout variation, but the width of the dropdown is decreased to only accomodate the 2nd level menu text and links.
  • Flat Dynamic variation is on hover functionality. Menu opens on hover.
  • Navigation using links is useful when different sections of a website have different header. 
  • Navigation using cards, where user is redirected to the respective page once the card is clicked.

 

Authoring Guide >



 

Product Catalog