ETR Component Library

page-utils 

<div class="w-full py-8 md:flex justify-between">
    <div class="breadcrumbs">
        <span class="breadcrumb text-gray-dark first:ml-0 ml-2">
          <a class="breadcrumb__link text-primary" href="#">
            Parent
          </a>
        </span>
        <span class="breadcrumb text-gray-dark first:ml-0 ml-2">
          <a class="breadcrumb__link text-primary" href="#">
            Living Well
          </a>
        </span>
        <span class="breadcrumb text-gray-dark first:ml-0 ml-2">
          
            Healthy Living
          
        </span>
    </div>
    <div class="print text-primary self-end mt-6 md:mt-0 md:text-right">
        <a href="">Print this page <span class="icon icon--print"><svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" x="0px" y="0px"><title>Artboard 8</title><g data-name="Layer 2"><path d="M82.13,30.53H71.42V21.4a2,2,0,0,0-2-2H30.67a2,2,0,0,0-2,2v9.13H17.87a2,2,0,0,0-2,2V63.38a2,2,0,0,0,2,2H28V78.6a2,2,0,0,0,2,2H70.2a2,2,0,0,0,2-2V65.38h9.93a2,2,0,0,0,2-2V32.53A2,2,0,0,0,82.13,30.53ZM32.67,23.4H67.42v7.12H32.67ZM32,76.6V57.19H68.2V76.6ZM80.13,61.38H72.2V55.19a2,2,0,0,0-2-2H30a2,2,0,0,0-2,2v6.19H19.87V34.53H80.13Z"></path><path d="M73.44,43.64a3.07,3.07,0,1,0-3.06-3.06A3.06,3.06,0,0,0,73.44,43.64Z"></path><path d="M36,63.27a2,2,0,0,0,2,2H62.19a2,2,0,1,0,0-4H38A2,2,0,0,0,36,63.27Z"></path><path d="M62.19,68.52H38a2,2,0,0,0,0,4H62.19a2,2,0,0,0,0-4Z"></path></g></svg>
</span></a>
    </div>
</div>
 
<div class="w-full py-8 md:flex {{#if breadcrumbs }}justify-between{{else}}justify-end{{/if}}">
  {{#if breadcrumbs }}
    {{> @breadcrumbs }}
  {{/if}}
  {{#unless disablePrint }}
  <div class="print text-primary self-end mt-6 md:mt-0 md:text-right">
    <a href="">Print this page <span class="icon icon--print">{{> @icon-print}}</span></a>
  </div>
  {{/unless}}
</div>
 
{
  "breadcrumbs": [
    {
      "title": "Parent",
      "url": "#"
    },
    {
      "title": "Living Well",
      "url": "#"
    },
    {
      "title": "Healthy Living"
    }
  ]
}

There are no notes for this item.