Componentes
Blocks

AppShell

Sidebar + header + contenido; Sheet en móvil.

Shell de app interna

Vista previa

Dashboard
beta
Contenido de la app
import { AppShell, SidebarNav, UserMenu } from "@eidondev/acme-ui/blocks";

<AppShell
  brand={<Logo />}
  nav={<SidebarNav sections={sections} currentPath={pathname} linkAs={Link} />}
  sidebarFooter={<UserMenu name="Bruno" email="bruno@…" items={menu} />}
  header={<Breadcrumb items={crumbs} />}
  headerActions={<ThemeSwitcher />}
  defaultCollapsed={false}      // colapsable en desktop; Sheet en móvil
>
  {children}
</AppShell>

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
Dashboard
beta
Contenido de la app
Editorial · claro
Dashboard
beta
Contenido de la app
Technical · oscuro
Dashboard
beta
Contenido de la app
Warm · claro
Dashboard
beta
Contenido de la app
Playful · claro
Dashboard
beta
Contenido de la app