Ir para o conteúdo principal
WBC - GovBR-DS
Copiar página como Markdown para IA

Menu Header

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-menu-header fornece o cabeçalho superior do menu lateral com controle de fechamento acessível. Deve ser posicionado no início do componente orquestrador <br-menu>.

Visão Geral​

O componente br-menu-header é o subcomponente do GovBR-DS que fornece o cabeçalho superior do menu lateral, contendo o título da área e o botão de fechamento.

Para que serve​

  • Identificação da navegação: Exibe o título do menu ou seção atual.
  • Controle de fechamento: Fornece o botão de fechar acessível que recolhe o menu.

Papel na composição​

Atua como cabeçalho funcional e acessível no topo do br-menu.

Regra de uso e relacionamento​

  • Deve ser posicionado no início do orquestrador br-menu.
  • Dispara a ação de fechamento gerenciada pelo componente pai.

Propriedades​

customId​

Atributocustom-id
DescriçãoIdentificador único do componente.
Quando omitido, um valor é gerado automaticamente.

> Padrão: valor único gerado por generateUniqueId().
Tipostring
Valor padrãogenerateUniqueId()

logoAlt​

Atributologo-alt
DescriçãoTexto alternativo para a imagem do logo
Tipostring
Valor padrão'Logo'

logoSrc​

Atributologo-src
DescriçãoURL da imagem do logo no cabeçalho do menu
Tipostring
Valor padrão---

signature​

Atributosignature
DescriçãoTexto de identificação do site ou sistema
Tipostring
Valor padrão---

Slots​

NomeDescrição
"logo"Slot para logo personalizado no cabeçalho.
"signature"Slot para a assinatura personalizada do sistema.

Eventos​

EventoDescriçãoDepreciaçãoPropagação
brMenuToggleEvento emitido para alternar o estado do menu---true

CSS Shadow Parts​

NomeDescrição
"close"Área do botão de fechar.
"container"Wrapper do cabeçalho do menu.
"logo"Elemento de imagem do logotipo (se renderizado a partir de logoSrc).
"signature"Elemento de texto contendo a assinatura do sistema.
"title"Área do título com logo e assinatura.

Dependências​

Componente pai​

Depende de​

Gráfico​

Comece aquiComponentesQuickstartsSobre o projetoRepositório GitLabVersõesDiscordGovBR-DSFAQWikiRedefinir cookies