V6 Clearleft Patterns

Breadcrumb 

<nav class="constrain" aria-label="Breadcrumb">
    <a href="#" class="Twi Twi--link eyebrow eyebrow--black text-grey focus" style="">
        <svg role="img" aria-hidden="true" focusable="false" class="Icon Icon--arrow-left eyebrow eyebrow--black text-grey">
            <use xlink:href="/v6-assets/img/icons/sprite.svg?cachebust=2#arrow-left"></use>
        </svg>
        <span>services</span></a>
</nav>
 
<nav class="constrain" aria-label="Breadcrumb">
  {% if breadcrumb %}
    {% include '@twi' with {
      text: breadcrumb.title,
      link: breadcrumb.link,
      icon: 'arrow-left',
      classes: 'eyebrow eyebrow--black text-grey'
    } %}
  {% else %}
    <span class="eyebrow">&nbsp;</span>
  {% endif %}
</nav>
 
{
  "breadcrumb": {
    "title": "services",
    "link": "#"
  }
}

No notes defined.