Navegação

Trail breadcrumbs

Uma trilha horizontal com separadores entre cada etapa, links ancestrais silenciados, uma página atual em negrito e reticências que recolhe caminhos longos.

Como usar Trail breadcrumbs

Uma trilha horizontal com separadores entre cada etapa, links ancestrais silenciados, uma página atual em negrito e reticências que recolhe caminhos longos.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: separator, maxVisible, accentColor

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

2111Auto-Hide Nav BarNavegaçãoUma barra superior fixa que desliza para fora da vista conforme o visitante rola para baixo e desliza de volta assim que rola para cima.

2309Bubble burst menuNavegaçãoUma pílula com logotipo flutuante e um botão que se expande em uma sobreposição em tela inteira de links de pílulas grandes, cada um se encaixando com um movimento elástico.

2318Circle reveal sidebarNavegaçãoUm painel de menu que se abre como um círculo crescendo a partir de sua própria alternância, com linhas surgindo em sequência e as barras de alternância dobrando-se em uma cruz.

2123Collapsing trail breadcrumbNavegaçãoUma trilha de caminho com separadores em forma de divisa cujas etapas intermediárias se transformam em um botão de reticências que abre um menu das etapas ocultas.

2162Grouped magnify dockNavegaçãoUm encaixe inferior de botões de ícones redondos divididos em dois grupos que crescem à medida que o ponteiro se aproxima de cada um.

2366Hover slide nav labelsNavegaçãoUma lista de navegação vertical onde passar o mouse ou focar um rótulo desliza uma cópia duplicada para exibição enquanto o original desliza para fora, para que o rótulo pareça se atualizar.