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