acme-ui
Componentes
Tipografía

Code

Código inline y bloque con copiar.

Inline

Vista previa

Instala con pnpm add @eidondev/acme-ui y ya está.
<Text>Corre <Code>pnpm dev</Code> para empezar.</Text>

Bloque con copiar

Vista previa

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

export function App() {
  return <Button>Hola</Button>;
}
// copy solo funciona si children es un string (es lo que se copia).
<CodeBlock copy>{`import { Button } from "@eidondev/acme-ui";`}</CodeBlock>

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
Instala con pnpm add @eidondev/acme-ui y ya está.
Editorial · claro
Instala con pnpm add @eidondev/acme-ui y ya está.
Technical · oscuro
Instala con pnpm add @eidondev/acme-ui y ya está.
Warm · claro
Instala con pnpm add @eidondev/acme-ui y ya está.
Playful · claro
Instala con pnpm add @eidondev/acme-ui y ya está.