Breadcrumbs

A breadcrumbs is a type of contextual navigation that shows a user’s position within the hierarchy of a site and allows them to navigate back through the site’s levels.

Download CSS for Breadcrumbs

Direct Dependencies:

bootstrap.bundle.min.js

root.css

colors.css

typography.css

grid.css

utilites.css

Usage

A breadcrumb trail is a list links to parent pages of the current page in either hierarchal order or the user's path to get to their current location. Each item within a trail act as a link, a handy shortcut to previous pages. The component consists of a link to home, followed by three to nine items (parent pages leading to the current page). Separators are used to visually distinguish pages.