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

Nome antigo do br-breadcrumb-item, mantido para compatibilidade. Funciona da mesma forma; em código novo, use br-breadcrumb-item.

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 da navegação

Troque url por href. Para usar a navegação da SPA, configure navigation-mode="event" no br-breadcrumb.

<!-- Antes -->
<br-crumb label="Serviços" url="/servicos"></br-crumb>

<!-- Agora -->
<br-breadcrumb-item label="Serviços" href="/servicos"></br-breadcrumb-item>

Dependências

Componente pai

• br-breadcrumb