Breadcrumb

The breadcrumb component is a navigation component that shows the hierarchical path to a users current location.

npm version

Source Code

npm install @vrembem/breadcrumb

@use "@vrembem/breadcrumb";
  1. ← Home
  2. Blog
  3. Category
  4. Current Page 
<ol class="breadcrumb">
  <li class="breadcrumb__item">
    <a href="/" class="breadcrumb__link">Home</a>
  </li>
  ...
  <li class="breadcrumb__item">
    Current Page
  </li>
</ol>
  1. ← Home
  2. Blog
  3. Category
  4. Current Page 
<ol class="breadcrumb breadcrumb_invert">
  ...
</ol>