Footer
Visão Geral
Para a documentação completa, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o Design System do GovBR.
Exemplos
Básico
Carregando exemplo
Formatar código
Copiar código
Resetar exemplo
Abrir no StackBlitz
Alternar fundo do preview
Propriedades
customId
| Atributo | custom-id |
| Descrição | Identificador único do componente. Quando omitido, um valor é gerado automaticamente. > Padrão: valor único gerado por Helpers.generateUniqueId(). > Uso compartilhado: mantenha esta descrição idêntica em todos os componentes que usam customId. |
| Tipo | string |
| Valor padrão | Helpers.generateUniqueId() |
layoutWidth
| Atributo | layout-width |
| Descrição | Define a largura do container interno do rodapé. - contained: largura máxima limitada pela grade no breakpoint desktop (container-lg).- full: sempre ocupa 100% da largura disponível (container-fluid). |
| Tipo | "contained" | "full" |
| Valor padrão | 'contained' |
socialNetworkTitle
| Atributo | social-network-title |
| Descrição | Texto de descrição das redes sociais. |
| Tipo | string |
| Valor padrão | 'Redes Sociais' |
theme
| Atributo | theme |
| Descrição | Indica o tema do rodapé. |
| Tipo | "dark" | "light" |
| Valor padrão | 'dark' |
Slots
| Nome | Descrição |
|---|---|
"default" | Slot para o mapa do site, utilizando br-footer-category e br-footer-item. |
"legal" | Slot para informações legais, utilizando br-footer-legal. |
"logo" | Slot para o logo do rodapé, utilizando o componente br-logo. |
"partner-logo" | Slot para logos de parceiros, utilizando br-logo. |
"social-network" | Slot para as redes sociais, utilizando br-footer-social. |
CSS Shadow Parts
| Nome | Descrição |
|---|---|
"container" | Wrapper principal do footer. |
"partners" | Área de logos de parceiros. |
"site-map" | Área do mapa do site. |
"social" | Área de redes sociais. |