Breadcrumb
Visão Geral
Para a documentação completa, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o Design System do GovBR.
Exemplos
Básico
Carregando exemplo
Formatar código
Copiar código
Resetar exemplo
Abrir no StackBlitz
Alternar fundo do preview
Propriedades
crumbs
| Atributo | crumbs |
| Descrição | Define o array de objetos que receberá os nomes e links do breadcrumb. Define valor padrão do breadcrumb 'defaultCrumbs'. (obrigatório) |
| Tipo | BreadcrumbItem[] | string |
| Valor padrão | --- |
customId
| Atributo | custom-id |
| Descrição | Identificador único do componente. Quando omitido, um valor é gerado automaticamente. > Padrão: valor único gerado por Helpers.generateUniqueId(). > Uso compartilhado: mantenha esta descrição idêntica em todos os componentes que usam customId. |
| Tipo | string |
| Valor padrão | Helpers.generateUniqueId() |
homeUrl
| Atributo | home-url |
| Descrição | Caso não seja fornecido, o valor padrão será /. |
| Tipo | string |
| Valor padrão | '/' |
Slots
| Nome | Descrição |
|---|---|
"default" | Itens de breadcrumb declarados via elementos br-crumb. |
CSS Shadow Parts
| Nome | Descrição |
|---|---|
"list" | Lista ordenada de itens do breadcrumb. |
"nav" | Elemento nav do breadcrumb. |
Dependências
Subcomponentes
Depende de
Gráfico
Migração: Vue 1.x → Stencil 2.x
Propriedades
🟦 Propriedades renomeadas
| Propriedade Vue | Propriedade Stencil | Descrição | Tipo | Padrão |
|---|---|---|---|---|
links | crumbs | Define o array de objetos que receberá os nomes e links do breadcrumb. | BreadcrumbItem[] | string | --- |
🟥 Propriedades removidas
| Propriedade | Descrição | Tipo | Padrão |
|---|---|---|---|
label | Propriedade retirada na nova versão. | --- | --- |