Pulsante Aggiungi al carrello
Componente pulsante Aggiungi al carrello con design minimalista/piatto, combinazione di colori in scala di grigi, livello di complessità complesso, per scopi di dashboard, con design reattivo e supporto per temi scuri.
Codice 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>Componenti correlati
Pulsante Aggiungi al carrello
Un componente pulsante Skeuomorphic "Aggiungi al carrello" progettato con Tailwind CSS, con effetti reattivi e supporto per temi scuri.
Pulsante Aggiungi al carrello
Pulsante reattivo "Aggiungi al carrello" con design scheumorfo, combinazione di colori monocromatici e supporto per temi scuri.
Pulsante Aggiungi al carrello
Un pulsante Aggiungi al carrello reattivo con i principi del Material Design utilizzando Tailwind CSS, che supporta i temi della modalità oscura.