acme-ui
☰ Componentes
Acciones

Button

Variantes, tamaños, estados y asChild.

Variantes

Vista previa

<Button>Solid</Button>
<Button variant="outline">Outline</Button>
<Button variant="destructive">Destructive</Button>

Tamaños e ícono

Vista previa

<Button size="sm">Small</Button>
<Button size="lg">Large</Button>
<Button><PlusIcon /> Nuevo</Button>

Como enlace (asChild)

Vista previa

Ir a GitHub →
<Button asChild>
  <a href="/precios">Ver precios</a>
</Button>

Comparación de temas

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.
Claro · base
Oscuro · base
Claro · emerald
Oscuro · violet