Botón Añadir a la cesta
Botón Agregar al carrito inspirado en el brutalismo con colores vibrantes y soporte para modo oscuro.
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.
Añadir al carrito Componente de botón
Un botón receptivo Agregar al carrito diseñado para el modo oscuro usando Tailwind CSS.
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.