Navegação

Mega nav menu

Uma barra de navegação horizontal superior cujos acionadores abrem menus suspensos ou megapainéis compartilhando uma janela de visualização animada que é redimensionada para caber no conteúdo de cada painel.

Como usar Mega nav menu

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: accentColor, openOnHover, panelWidth

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões, a instalação e o painel de propriedades estão incluídos no Fieldbook Pro. A prévia interativa está aberta para todos.

Conecte seu agente

Componentes relacionados

2111Auto-Hide Nav BarNavegaçãoUma barra superior fixa que desliza para fora da vista conforme o visitante rola para baixo e desliza de volta assim que rola para cima.

2309Bubble burst menuNavegaçãoUma pílula com logotipo flutuante e um botão que se expande em uma sobreposição em tela inteira de links de pílulas grandes, cada um se encaixando com um movimento elástico.

2318Circle reveal sidebarNavegaçãoUm painel de menu que se abre como um círculo crescendo a partir de sua própria alternância, com linhas surgindo em sequência e as barras de alternância dobrando-se em uma cruz.

2162Grouped magnify dockNavegaçãoUm encaixe inferior de botões de ícones redondos divididos em dois grupos que crescem à medida que o ponteiro se aproxima de cada um.

2163Grouped settings dropdownNavegaçãoUm menu suspenso acionado por botão com seções rotuladas, um submenu aninhado e um grupo de opções para escolher um dos vários valores de configuração.

2366Hover slide nav labelsNavegaçãoUma lista de navegação vertical onde passar o mouse ou focar um rótulo desliza uma cópia duplicada para exibição enquanto o original desliza para fora, para que o rótulo pareça se atualizar.