Breadcrumb Component

Classes: .breadcrumb, .breadcrumb-sep, .breadcrumb-current

Features:

• Horizontal breadcrumb navigation
• Separators with .breadcrumb-sep
• Current item with .breadcrumb-current
• Minimal and accessible

Example

Usage:

<nav class="breadcrumb">
  <a href="/">Home</a>
  <span class="breadcrumb-sep">/</span>
  <a href="/docs">Docs</a>
  <span class="breadcrumb-sep">/</span>
  <span class="breadcrumb-current">Breadcrumbs</span>
</nav>

Customization:

• Style separators or current item with utility classes