@govbr-ds/core/dist/components/breadcrumb/examples/breadcrumb-truncate.html

Padrão Digital de Governo

<nav class="br-breadcrumb" aria-label="Breadcrumbs">
  <ol class="crumb-list" role="list">
    <li class="crumb home"><a class="br-button circle" href="javascript:void(0)"><span class="sr-only">Página inicial</span><i class="fas fa-home"></i></a></li>
    <li class="crumb"><i class="icon fas fa-chevron-right"></i><a href="javascript:void(0)">Página Ancestral 01</a>
    </li>
    <li class="crumb"><i class="icon fas fa-chevron-right"></i><a href="javascript:void(0)">Página Ancestral 02</a>
    </li>
    <li class="crumb"><i class="icon fas fa-chevron-right"></i><a href="javascript:void(0)">Página Ancestral 03</a>
    </li>
    <li class="crumb"><i class="icon fas fa-chevron-right"></i><a href="javascript:void(0)">Página Ancestral Com Título Grande</a>
      <div class="br-tooltip" role="tooltip" info="info" place="top"><span class="text" role="tooltip">Página Ancestral Com Título Grande</span>
      </div>
    </li>
    <li class="crumb" data-active="active"><i class="icon fas fa-chevron-right"></i><span tabindex="0" aria-current="page">Página atual</span>
    </li>
  </ol>
</nav>