footer-item

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.

Propriedades

customId

Atributo	custom-id
Descrição	Identificador único do componente. Quando omitido, um valor é gerado automaticamente. > Padrão: valor único gerado por generateUniqueId().
Tipo	string
Valor padrão	generateUniqueId()

href

Atributo	href
Descrição	URL ou caminho para o qual o usuário será direcionado ao clicar no item. Quando definido, o item será renderizado como um link.
Tipo	string
Valor padrão	---

navigationMode

Atributo	navigation-mode
Descrição	Controla como o componente integra a navegação mantendo href real no elemento navegável. - native (padrão): preserva o comportamento do navegador, conforme HTML/W3C. - event: emite brNavigate; se o evento for cancelado, bloqueia a navegação nativa para a SPA assumir. Cliques com modificadores, botão do meio ou target diferente de _self permanecem nativos.
Tipo	"event" | "native"
Valor padrão	'native'

Slots

Nome	Descrição
"default"	Slot para o conteúdo do item no rodapé, incluindo texto ou componentes de roteamento para SPAs.

Dependências

Componente pai

• br-footer

Depende de

• br-item

Gráfico

Migração de Navegação

Antes, br-footer-item encaminhava is-spa-link-behavior para o br-item interno.

Agora, use navigation-mode="event" quando o item possuir href e precisar ser controlado por uma SPA.

<!-- Antes -->
<br-footer-item href="/acessibilidade" is-spa-link-behavior>Acessibilidade</br-footer-item>

<!-- Agora -->
<br-footer-item href="/acessibilidade" navigation-mode="event">Acessibilidade</br-footer-item>

Sem navigation-mode="event", a navegação segue nativa.