Secondary navigation

The secondary navigation helps users to orient themselves within a site's hierarchy, and supports topic exploration. It provides quick access to categorized content in a consistent location. In large and medium glass, secondary navigation displays in the Left Rail, under the breadcrumb path. In small glass, the secondary navigation display is triggered by tapping on a mobile navigation menu and is the full width of the viewport.

What's Included In This Rendering?

Component Overview

LARGE & MEDIUM GLASS

SMALL GLASS

A: Main page(s)

Required.

Depending upon a user’s current location within the sitemap, this particular component can represent a page with any number of relationships to the current page – parent, child, grandparent, sibling, etc. However, this component always represents the highest level item(s) within the secondary navigation itself, taken independently. For more information on styles and interactions, view the secondary navigation (link opens in new window) page in the navigation section.

B: Subpage(s)

Optional.

Depending upon a user’s current location within the sitemap, this particular component can represent a page with any number of relationships to the current page – parent, child, grandchild, sibling, etc. However, this component always represents the next-highest level item(s) within the secondary navigation after component A. For more information on styles and interactions, view the secondary navigation (link opens in new window) page in the navigation section.

C: Menu button

Required.

This component only displays on small glass and provides a touch point to show or hide the secondary navigation. Its default state is closed. For more information on styles and interactions, view the secondary navigation (link opens in new window) page in the navigation section.

How Can I Use This Rendering?

Sample configuration