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 semplice pulsante di aggiunta al carrello dai toni terrosi con effetti al passaggio del mouse ispirati alla microinterazione, con design reattivo e supporto per la modalità scura.
Componente pulsante Aggiungi al carrello
Un componente pulsante "Aggiungi al carrello" in stile 3D progettato per le interfacce dei social media. Presenta un'interfaccia ricca con profondità, elementi di design accattivanti ed è reattivo con il supporto del tema scuro.
Pulsante Aggiungi al carrello
Un componente pulsante Aggiungi al carrello con effetti reattivi e supporto per temi scuri utilizzando Tailwind CSS.