{{ isPt ? 'li-breadcrumb agora cobre mais cenários de cabeçalho e linha de ações, com exemplos próximos dos layouts mostrados no Limitless.' : 'li-breadcrumb now covers more header and action-row scenarios, with examples close to the layouts shown in Limitless.' }}

{{ isPt ? 'Posicionamento do breadcrumb' : 'Breadcrumb location' }}

{{ isPt ? 'Variações de posição no topo, rodapé do header e como componente isolado.' : 'Position variations at the top, in the header footer, and as a standalone component.' }}

{{ isPt ? 'Breadcrumb dentro do bloco de título.' : 'Breadcrumb inside the title block.' }}

{{ isPt ? 'Posicionado antes do conteúdo principal do cabeçalho.' : 'Positioned before the main header content.' }}

{{ isPt ? 'Sem borda extra nem superfície destacada.' : 'Without extra border or highlighted surface.' }}

{{ isPt ? 'Posição inferior padrão com ações no lado direito.' : 'Default bottom position with actions on the right side.' }}

{{ isPt ? 'Usando o breadcrumb como barra independente no rodapé do header.' : 'Using the breadcrumb as an independent bar in the header footer.' }}

{{ isPt ? 'Exemplos condensados acima e abaixo do título.' : 'Condensed examples above and below the title.' }}

{{ breadcrumbsLabel }} {{ isPt ? 'Topo condensado com espaço' : 'Top Condensed Spaced' }}

{{ breadcrumbsLabel }} {{ isPt ? 'Base condensada com espaço' : 'Bottom Condensed Spaced' }}

{{ isPt ? 'Divisores, helper text, ícones e ações laterais.' : 'Dividers, helper text, icons, and side actions.' }}

{{ isPt ? 'Ações extras na mesma linha do breadcrumb.' : 'Extra actions on the same breadcrumb row.' }}

{{ isPt ? 'Superfícies claras e sólidas, como no kit original.' : 'Light and solid surfaces, like the original kit.' }}

{{ isPt ? 'Breadcrumb sobre fundo claro.' : 'Breadcrumb over a light background.' }}

{{ isPt ? 'Breadcrumb sobre fundo sólido.' : 'Breadcrumb over a solid background.' }}

{{ isPt ? 'Versão inferior com fundo claro.' : 'Bottom version with a light background.' }}

{{ isPt ? 'Versão inferior com fundo sólido.' : 'Bottom version with a solid background.' }}

<li-breadcrumb divider="dash" helperText="You are here:">
  <a liBreadcrumbItem href="#home">Home</a>
  <a liBreadcrumbItem href="#components">Components</a>
  <span liBreadcrumbItem [active]="true">Breadcrumbs</span>

  <div liBreadcrumbEnd class="d-flex gap-2">
    <button class="btn btn-sm btn-light">Duplicate</button>
    <button class="btn btn-sm btn-primary">Publish</button>
  </div>
</li-breadcrumb>

{{ pageTitle }} {{ pageSubtitle }}

{{ isPt ? 'Posicionamento do breadcrumb' : 'Breadcrumb location' }}

{{ isPt ? 'Header' : 'Header' }} {{ breadcrumbsLabel }}

{{ breadcrumbsLabel }} {{ isPt ? 'Topo em largura total' : 'Top Full Width' }}

{{ breadcrumbsLabel }} {{ isPt ? 'Topo transparente' : 'Top Transparent' }}

{{ breadcrumbsLabel }} {{ isPt ? 'Base em largura total' : 'Bottom Full Width' }}

{{ breadcrumbsLabel }} {{ isPt ? 'Componente inferior' : 'Bottom Component' }}

{{ isPt ? 'Breadcrumb no título' : 'Page title breadcrumb' }}

{{ breadcrumbsLabel }} {{ isPt ? 'Topo condensado' : 'Top Condensed' }}

{{ breadcrumbsLabel }} {{ isPt ? 'Topo condensado com espaço' : 'Top Condensed Spaced' }}

{{ breadcrumbsLabel }} {{ isPt ? 'Base condensada' : 'Bottom Condensed' }}

{{ breadcrumbsLabel }} {{ isPt ? 'Base condensada com espaço' : 'Bottom Condensed Spaced' }}

{{ isPt ? 'Opções de breadcrumb' : 'Breadcrumb options' }}

{{ isPt ? 'Breadcrumb padrão' : 'Default breadcrumb' }}

{{ isPt ? 'Texto auxiliar' : 'Helper text' }}

{{ isPt ? 'Só ícones' : 'Icons only' }}

{{ isPt ? 'Ícones com rótulos' : 'Icons with labels' }}

{{ isPt ? 'Divisor dash' : 'Dash divider' }}

{{ isPt ? 'Divisor arrows' : 'Arrows divider' }}

{{ isPt ? 'Divisor caret' : 'Caret divider' }}

{{ isPt ? 'Divisor arrow' : 'Arrow divider' }}

{{ isPt ? 'Botões e badge' : 'Buttons and badge' }}

{{ isPt ? 'Cores do breadcrumb' : 'Breadcrumb colors' }}

{{ isPt ? 'Topo claro' : 'Top light' }}

{{ isPt ? 'Topo sólido' : 'Top solid' }}

{{ isPt ? 'Base clara' : 'Bottom light' }}

{{ isPt ? 'Base sólida' : 'Bottom solid' }}