Breadcrumb

Navigation component showing the current page's location within a hierarchical structure.

<nav class="ethio-breadcrumb">
    <li class="ethio-breadcrumb-item">
      <a href="#">Home</a>
    </li>
    <li class="ethio-breadcrumb-item">
      <a href="#">Documentation</a>
    </li>
    <li class="ethio-breadcrumb-item active">
      <a href="#">Breadcrumb</a>
    </li>
  </nav>

<nav class="ethio-breadcrumb ethio-breadcrumb-primary">
    <!-- Primary colored links -->
  </nav>
  
  <nav class="ethio-breadcrumb ethio-breadcrumb-secondary">
    <!-- Secondary colored links -->
  </nav>