Demo
Usage
<div class="breadcrumb"><span class="breadcrumb-large">
<div class="breadcrumb-item"><a class="hyperlink right-text hyperlink-sm " href="/hyperlink">Base</a></div>
<div class="breadcrumb-item"><a class="hyperlink right-text hyperlink-sm hyperlink-disabled" href="/hyperlink">Current Page</a></div>
</span><span class="breadcrumb-small"><a class="hyperlink left-text hyperlink-sm " href="/hyperlink"><svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.49012e-08 10C1.49012e-08 9.44772 0.447715 9 1 9H15C15.5523 9 16 9.44772 16 10C16 10.5523 15.5523 11 15 11H1C0.447715 11 1.49012e-08 10.5523 1.49012e-08 10Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.70711 4.29289C7.09763 4.68342 7.09763 5.31658 6.70711 5.70711L2.41421 10L6.70711 14.2929C7.09763 14.6834 7.09763 15.3166 6.70711 15.7071C6.31658 16.0976 5.68342 16.0976 5.29289 15.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289L5.29289 4.29289C5.68342 3.90237 6.31658 3.90237 6.70711 4.29289Z" fill="currentColor"></path>
</svg>Back to Base</a></span></div>
Options