Footer Logo

Componente estável e recomendada para novos projetos.

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 de Composição

O br-footer-logo renderiza a marca oficial do órgão ou do Governo Federal no rodapé. Deve ser posicionado na área designada de logotipo do componente orquestrador <br-footer>.

Visão Geral

Logotipo do br-footer. Use no slot logo para a marca do órgão, ou com partner no slot partner-logo para parceiros.

Informe a imagem em src e o texto alternativo em description. Com href, a logo vira link.

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()

description

Atributo	description
Descrição	Descrição da logo.
Tipo	string
Valor padrão	'logo'

href

Atributo	href
Descrição	URL de destino quando a logo for clicada. Se fornecido, a logo será envolvida em um link.
Tipo	string
Valor padrão	---

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

Atributo	is-partner
Depreciação	Use partner.
Descrição	Define se a logo é de um parceiro.
Tipo	boolean
Valor padrão	false

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'

partner

Atributo	partner
Descrição	Identifica logo de parceiro. Quando informada, tem precedência sobre isPartner.
Tipo	boolean
Valor padrão	---

position

Atributo	position
Descrição	Posição da logo.
Tipo	"center" | "left" | "right"
Valor padrão	'left'

src

Atributo	src
Descrição	Url da logo padrão.
Tipo	string
Valor padrão	''

target

Atributo	target
Descrição	Target do link quando href é fornecido.
Tipo	"_blank" | "_parent" | "_self" | "_top"
Valor padrão	'_self'

Eventos

Evento	Descrição	Depreciação	Propagação
brNavigate	Evento cancelável emitido em navigation-mode="event" para cliques primários sem modificadores em links _self. Chame event.preventDefault() no listener para impedir a navegação nativa e entregar event.detail.href ao roteador da SPA.	---	true

CSS Shadow Parts

Nome	Descrição
"container"	Wrapper principal do footer-logo.

Migração da navegação

Troque is-spa-link-behavior por navigation-mode="event" e trate brNavigate. Com target diferente de _self, o link navega normalmente.

<!-- Antes -->
<br-footer-logo src="/logo.png" href="/" is-spa-link-behavior></br-footer-logo>

<!-- Agora -->
<br-footer-logo src="/logo.png" href="/" navigation-mode="event"></br-footer-logo>

Dependências

Componente pai

• br-footer