Navbar

Header de marketing responsive (menú móvil).

Header de marketing responsive

Vista previa

acme-ui

import { Navbar } from "@eidondev/acme-ui/blocks";

<Navbar
  className="sticky top-0 z-50"
  logo={<Logo />}
  links={[
    { label: "Docs", href: "/docs", active: true },
    { label: "Precios", href: "/precios" },
  ]}
  actions={<Button size="sm">Empezar</Button>}
/>

Comparación de temas

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.

Legacy · claro

acme-ui

Editorial · claro

acme-ui

Technical · oscuro

acme-ui

Warm · claro

acme-ui

Playful · claro

acme-ui