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