Copiar página como Markdown para IA
Menu List
Subcomponente de Composição
O br-menu-list fornece a estrutura semântica de lista de navegação para acomodar itens interativos. Deve ser inserido no interior de <br-menu> ou de um <br-menu-group>.
Visão Geral
Lista de itens de navegação dentro do br-menu ou br-menu-group.
Insira os elementos br-menu-item no slot padrão para compor a lista navegável.
Propriedades
divider
| Atributo | divider |
|---|---|
| Descrição | Define se o item deve exibir um divisor visual. Quando ativado, adiciona uma linha separadora para organizar visualmente os itens do menu. |
| Tipo | boolean |
| Valor padrão | false |
expanded
| Atributo | expanded |
|---|---|
| Descrição | Define se o menu-list inicia expandido. Útil para manter agrupamentos abertos por padrão no menu contextual. |
| Tipo | boolean |
| Valor padrão | false |
icon
| Atributo | icon |
|---|---|
| Descrição | Identificador legado do ícone exibido no item principal do menu. Nomes simples conhecidos são resolvidos pelo registro SVG local; para classes CSS, SVGs ou bibliotecas externas, prefira o slot icon. |
| Tipo | string |
| Valor padrão | --- |
label
| Atributo | label |
|---|---|
| Descrição | Texto do label do item do menu. Utilize esta propriedade para definir o texto que será exibido no item do menu. |
| Tipo | string |
| Valor padrão | --- |
menuLevel
| Atributo | menu-level |
|---|---|
| Descrição | Ní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). |
| Tipo | number |
| Valor padrão | 0 |
Slots
| Nome | Descrição |
|---|---|
"default" | Itens filhos renderizados no conteúdo do grupo. |
"icon" | Ícone personalizado do item principal. Quando preenchido, substitui icon. |
Eventos
| Evento | Descrição | Depreciação | Propagação |
|---|---|---|---|
folderToggled | Emitido quando um folder é expandido ou recolhido no nível 0 (comportamento acordeão). | --- | true |
navigateToSubmenu | Emitido quando navegando para um submenu nos níveis 1+ (comportamento drill-down). | --- | true |
CSS Shadow Parts
| Nome | Descriçã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. |
