SynPon Labs

Primer Marketing CSS Breadcrumb Navigation

npm version Build Status

Breadcrumb navigation for GitHub’s marketing pages with parents / grandparents.

This repository is a module of the full primer-css repository.


Breadcrumbs are used to show taxonomical context on pages that are many levels deep in a site’s hierarchy. Breadcrumbs show and link to parent, grandparent, and sometimes great-grandparent pages. Breadcrumbs are most appropriate on pages that:


<nav aria-label="Breadcrumb">
    <li class="breadcrumb-item text-small"><a href="/business">Business</a></li>
    <li class="breadcrumb-item text-small"><a href="/business/customers">Customers</a></li>
    <li class="breadcrumb-item breadcrumb-item-selected text-small text-gray" aria-current="page">MailChimp</li>


MIT © GitHub