Top navigation
Top navigation
Component variants
Top navigation has two variants: standard and one with a mega-menu.
Standard
Use a standard top navigation for apps with eight or fewer navigation options.
Interactive example
With mega-menu
Use a top navigation with mega-menu for apps with more than eight navigation options, or options that can be grouped into categories. The main link groups are displayed in the top navigation and open a mega-menu when hovered over or focused.