SidebarNav

Nav vertical data-driven, router-agnóstica.

Nav data-driven

Vista previa

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

<SidebarNav currentPath={pathname} linkAs={Link} sections={[
  { items: [{ label: "Pulso de hoy", href: "/dashboard", icon: <Broadcast /> }] },
  { label: "Mi monitoreo", items: [{ label: "Comms", href: "#", soon: true }] },
]} />

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

Editorial · claro

Technical · oscuro

Warm · claro

Playful · claro