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

menu-list

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

divider

Atributodivider
DescriçãoDefine se o item deve exibir um divisor visual.
Quando ativado, adiciona uma linha separadora para organizar visualmente os itens do menu.
Tipoboolean
Valor padrãofalse

expanded

Atributoexpanded
DescriçãoDefine se o menu-list inicia expandido.
Útil para manter agrupamentos abertos por padrão no menu contextual.
Tipoboolean
Valor padrãofalse

icon

Atributoicon
DescriçãoÍcone exibido no item do menu.
Utilize esta propriedade para definir o ícone que será mostrado ao lado do label.
Tipostring
Valor padrão---

label

Atributolabel
DescriçãoTexto do label do item do menu.
Utilize esta propriedade para definir o texto que será exibido no item do menu.
Tipostring
Valor padrão---
Atributomenu-level
DescriçãoNível do menu na hierarquia de navegação.
Utilizado para determinar o comportamento do menu (acordeão para nível 0, drill-down para níveis superiores).
Tiponumber
Valor padrão0

Slots

NomeDescrição
"default"Itens filhos renderizados no conteúdo do grupo.
"icon"Ícone personalizado do item principal. Quando preenchido, substitui icon.

Eventos

EventoDescriçãoDepreciaçãoPropagação
folderToggledEmitido quando um folder é expandido ou recolhido no nível 0 (comportamento acordeão).---true
navigateToSubmenuEmitido quando navegando para um submenu nos níveis 1+ (comportamento drill-down).---true

CSS Shadow Parts

NomeDescrição
"container"Wrapper do grupo de menu.
"header-content"Conteúdo textual do item de menu principal (header).
"header-icon"Ícone do item de menu principal (header).
"header-link"Elemento âncora do item de menu principal (header).
"header-support"Ícone de suporte (seta) do item de menu principal (header).
"list"Lista de itens do grupo.

Dependências

Componente pai

Depende de

Gráfico