Breadcrumb

Navigation breadcrumb trail with link styling and separator spacing.

---

Classes

Class	Purpose
.breadcrumb	Container — styles links and [aria-hidden] separators

Preview

<nav class="breadcrumb" style="font-size: var(--font-size-sm); color: var(--color-text-tertiary)">
  <a href="#">Blog</a>
  <span aria-hidden="true">/</span>
  <span>Current Page</span>
</nav>

Blog / Current Page

---

Usage

<nav class="breadcrumb text-sm text-tertiary" aria-label="Breadcrumb">
  <a href="/blog">Blog</a>
  <span aria-hidden="true">/</span>
  <span aria-current="page">Current Page</span>
</nav>