Information This site is moving

The Pattern Library is moving to its new home on the Summit design system site.

Go to the Summit site
Pattern Library (ver. 1.8)

Note

This page is archived under version 1.8 and is available for reference purposes only. The latest version of Pattern Library is 2.

Breadcrumbs and navigation links

Usage

Breadcrumb general guidelines

A breadcrumb trail visualizes how site content has been structured, how to navigate back to previous web pages, and may identify the current location.

The links in the breadcrumb trail should be composed of the organizational heirarchy of the site that leads to the page or the list of pages the user took to get the page.

The breadcrumb trail is designed to fit onto one line, no matter the length. If the breadcrumb trail becomes wider than the screen, the trail will get scrolled to the right so the current page is always in view. A subtle faded overlay will appear on the left edge to indicate that the area can be scrolled to the left.