CDLIB UI

Breadcrumb Nav 

<nav aria-label="breadcrumb" class="c-breadcrumb">
    <ul>
        <li>
            <a href="https://cdlib.org">California Digital Library</a>

        </li>
        <li>
            <a href="https://cdlib.org">Level 2</a>

        </li>
        <li>
            <a href="https://cdlib.org">Level 3</a>

        </li>
        <li>Active Page</li>
    </ul>
</nav>
 
<nav aria-label="breadcrumb" class="c-breadcrumb">
  <ul>
    {{#each breadcrumb.list}}
    <li>{{> @link--1 }}</li>
    {{/each}}
    <li>{{ breadcrumb.activelevel }}</li>
  </ul>
</nav>
 
{
  "breadcrumb": {
    "list": [
      {
        "link": {
          "url": "https://cdlib.org",
          "text": "California Digital Library"
        }
      },
      {
        "link": {
          "url": "https://cdlib.org",
          "text": "Level 2"
        }
      },
      {
        "link": {
          "url": "https://cdlib.org",
          "text": "Level 3"
        }
      }
    ],
    "activelevel": "Active Page"
  }
}

No notes defined.