Componentes — 10

Navbar

Navegação responsiva com menu hamburguer no mobile e painel persistente em desktop. Use para documentação, áreas internas e estruturas com múltiplos grupos.

10.1

Mobile-first

A navegação começa compacta com botão hamburguer. Em desktop, o painel permanece aberto como navegação lateral.

Navbar responsiva
<Navbar
  brand={<Brand />}
  groups={groups}
  activeHref="/componentes/navbar"
/>
10.2

Contrato

O componente recebe grupos de links, caminho ativo, marca e uma função opcional para renderizar links com o roteador do consumer.

brandReactNodeMarca ou logotipo do produto
groupsNavbarGroup[]Grupos com label e links
activeHrefstringRota ativa para realce visual
renderLinkfunctionIntegra Next Link, CMS ou roteador customizado
menuLabel / closeLabelstringLabels acessíveis do botão mobile