Componentes
Blocks
Hero
Cabecera de landing: eyebrow, título, CTAs y media.Cabecera de landing
Vista previa
import { Hero } from "@eidondev/acme-ui/blocks";
<Hero
eyebrow="Nuevo"
title="Construye tu producto más rápido"
description="El design system de EidonDev."
actions={[
{ label: "Empezar", href: "/docs" },
{ label: "GitHub", href: "https://github.com/EidonDev", variant: "outline" },
]}
media={<img src="/hero.png" alt="" />} // align="start" lo pone al lado en lg+
/>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