crumb

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.

Visão Geral

Para a documentação completa, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o Design System do GovBR.

[Descontinuado/Obsoleto] 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

Dependências

Componente pai

• br-breadcrumb

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".