SystemDocs

Navbar

Una cabecera de navegación responsiva utilizando componentes puramente modulares.

Navegación Básica

BrandLogo

Contenido de la página

Code Snippet 
<Navbar>
  <div class="w-full max-w-screen-xl mx-auto px-4 md:px-8 flex h-14 items-center justify-between">
    <NavbarBrand>
      <a href="/" class="font-bold text-xl tracking-tight">BrandLogo</a>
    </NavbarBrand>
    
    <div class="flex items-center gap-6">
      <NavbarContent>
        <NavbarLink href="/features">Características</NavbarLink>
        <NavbarLink href="/pricing">Precios</NavbarLink>
        <NavbarLink href="/about">Nosotros</NavbarLink>
      </NavbarContent>
      <NavbarMenuToggle />
    </div>
  </div>

  <NavbarMenu>
    <NavbarLink href="/features">Características</NavbarLink>
    <NavbarLink href="/pricing">Precios</NavbarLink>
    <NavbarLink href="/about">Nosotros</NavbarLink>
  </NavbarMenu>
</Navbar>