Breadcrumb .brc
Trilha de navegação hierárquica. Já usada no topo de toda página desta documentação.
1. Padrão
2. Com Ícones
3. Separador Seta
4. Separador Ponto
5. Pill
6. Bar (dentro de uma barra)
7. Tamanhos
Referência
| Classe | Tipo | Descrição |
|---|---|---|
.brc | Base | <nav> container da trilha, separador "/" automático via CSS. |
.brc-it | Item | Cada nível — <a> se navegável, <span> se não. |
.is-cur | Estado | Marca o item atual — use com aria-current="page". |
.is-arrow | Separador | Troca o "/" por "›". |
.is-dot | Separador | Troca o "/" por "•". |
.is-pill | Estilo | Cada item vira uma cápsula com fundo; item atual ganha fundo colorido. |
.is-bar | Estilo | Trilha inteira dentro de uma barra com borda, como um card raso. |
.is-sm / .is-lg | Tamanho | Reduz/aumenta a fonte da trilha inteira. |