Botón Añadir a la cesta

Botón Agregar al carrito inspirado en el brutalismo con colores vibrantes y soporte para modo oscuro.

Vista previa

Código HTML

<button class="bg-red-600 dark:bg-purple-600 text-white dark:text-black font-bold py-2 px-4 rounded border-4 border-black dark:border-white hover:bg-red-700 dark:hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-black dark:focus:ring-white transition duration-300 ease-in-out">
  Add to Cart
</button>

Componentes relacionados

Añadir al carrito Componente de botón

Un complejo botón Añadir al carrito diseñado con una estética retro/vintage y una combinación de colores complementaria, adecuado para un sitio web profesional de la empresa. Este componente es compatible con el modo oscuro y responde, utilizando Tailwind CSS para el estilo.

Abrir

Añadir al carrito Componente de botón

Un botón receptivo Agregar al carrito diseñado para el modo oscuro usando Tailwind CSS.

Abrir

Añadir a la cesta Botón Componente 46

Un componente de botón 'Agregar al carrito' retro / vintage diseñado con Tailwind CSS, con diseño receptivo y soporte para temas oscuros.

Abrir