Botón Añadir a la cesta
Agregar al carrito Componente de botón con diseño minimalista / plano, combinación de colores en escala de grises, nivel de complejidad complejo, para fines de tablero, con diseño receptivo y soporte de tema oscuro.
Código HTML
<button class="flex items-center justify-center w-40 h-10 bg-gray-800 text-white rounded-md shadow-md hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-600 focus:ring-opacity-50 dark:bg-gray-200 dark:text-gray-800 dark:hover:bg-gray-300 dark:focus:ring-gray-400"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> </svg> Add to Cart </button>Componentes relacionados
Brutalismo Pastel Añadir al carrito Botón
Botón Agregar al carrito inspirado en el brutalismo con una combinación de colores pastel, complejidad moderada y diseño receptivo con soporte para modo oscuro. Adecuado para un blog o sitio web de contenido.
Añadir al carrito Componente de botón
Un componente de botón Agregar al carrito inspirado en el brutalismo con Tailwind CSS, con alto contraste, diseños inusuales, efectos responsivos y soporte para temas oscuros.
Añadir al carrito Componente de botón
Un botón responsivo 'Agregar al carrito' diseñado en modo oscuro usando Tailwind CSS, con efectos de desplazamiento y soporte para temas oscuros.