Crumb

Componente mantido por compatibilidade; prefira a alternativa indicada na documentação.

Anatomia, uso, comportamento visual e recomendações conceituais são mantidos pelo Padrão Digital de Governo. Esta página documenta a implementação Web Components e sua API executável.

Subcomponente Legado

O br-crumb é um subcomponente legado para itens da trilha de navegação. Para novas implementações, recomendamos utilizar <br-breadcrumb-item> dentro do componente principal <br-breadcrumb>.

Visão Geral

Subcomponente legado de br-breadcrumb, mantido para compatibilidade com implementações existentes que utilizavam a nomenclatura antiga.

Papel na composição

• Equivalente funcional do br-breadcrumb-item, representando um nível na trilha de navegação.

Regra de uso e relacionamento

Declarado dentro do slot padrão do br-breadcrumb. Em novos desenvolvimentos e manutenções ativas, recomenda-se utilizar a tag canônica br-breadcrumb-item.

Para a documentação canônica completa, consulte a página do br-breadcrumb.

Propriedades

active

Atributo	active
Descrição	Define se o crumb é a página atual ativa no breadcrumb.
Tipo	boolean
Valor padrão	false

home

Atributo	home
Descrição	Define se o crumb é o item inicial (Home).
Tipo	boolean
Valor padrão	false

href

Atributo	href
Descrição	URL ou caminho para o qual o usuário será direcionado ao clicar no crumb.
Tipo	string
Valor padrão	---

label

Atributo	label
Descrição	Rótulo (texto) do crumb.
Tipo	string
Valor padrão	''

target

Atributo	target
Descrição	Define o alvo do link quando href está presente. (ex: _blank, _self).
Tipo	string
Valor padrão	---

Slots

Nome	Descrição
"default"	Conteúdo alternativo do rótulo do item de navegação.

Eventos

Evento	Descrição	Depreciação	Propagação
brCrumbPropsChange	Evento disparado quando as propriedades do crumb mudam. O componente pai (br-breadcrumb) escuta este evento para se atualizar.	---	true

[Descontinuado/Obsoleto] Use br-breadcrumb-item.

Migração de Navegação

Antes, br-crumb usava url para definir o destino do item.

Agora, use href.

<!-- Antes -->
<br-crumb label="Servicos" url="/servicos"></br-crumb>

<!-- Agora -->
<br-crumb label="Servicos" href="/servicos"></br-crumb>

O modo SPA é configurado no componente pai br-breadcrumb com navigation-mode="event".

Dependências

Componente pai

• br-breadcrumb