Navigation

Navigation lists, navigation titles, skip links, breadcrumbs and pagination.

Overview

The five navigation components, the two that take their class on the wrapper, and the landmarks none of them supplies.

Nav

The base navigation list, vertical by default, whose direction is set by context rather than by a modifier class.

Nav title

A label above a group of navigation links.

Skip links

Skip navigation for keyboard and assistive technology users, hidden off-screen rather than hidden.

Breadcrumb

The breadcrumb trail, with the class on the wrapper and the separator drawn from a token.

Pagination

Page navigation, with masked control glyphs and a built-in responsive collapse.