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

Header List

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-header-list é o subcomponente contêiner para listas horizontais de navegação ou utilidades. Deve ser inserido nos slots links ou functions do componente orquestrador <br-header>.

Visão Geral​

Lista de links ou atalhos do br-header. Use no slot links, com br-header-link, ou no slot functions, com br-header-function.

Em telas menores, a lista vira um menu que abre e fecha; o título desse menu vem de list-title.

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

listTitle​

Atributolist-title
DescriçãoTítulo da lista.
Tipostring
Valor padrãonull

Slots​

NomeDescrição
"default"Slot para o conteúdo da lista de navegação no cabeçalho.

Eventos​

EventoDescriçãoDepreciaçãoPropagação
headerListFocusedEvento disparado quando a lista recebe foco. O evento envia o ID do componente.---true
headerListUpdateEvento disparado para indicar qual lista deve encolher primeiro. O evento envia o ID do componente pai e o nome da lista.---true

Métodos​

closeList​

DescriçãoFecha a lista.
AssinaturacloseList() => Promise<void>
Parâmetros---

isListOpen​

DescriçãoVerifica se a lista está aberta.
AssinaturaisListOpen() => Promise<boolean>
Parâmetros---

openList​

DescriçãoAbre a lista.
AssinaturaopenList() => Promise<void>
Parâmetros---

Dependências​

Componente pai​

Depende de​

Gráfico​

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