Componente pulsante Aggiungi al carrello
Pulsante Aggiungi al carrello progettato per l'interfaccia utente in modalità oscura con combinazione di colori dei toni della terra e livello di complessità complesso, per scopi di portfolio. Il componente è reattivo e supporta il tema scuro utilizzando il prefisso dark: di Tailwind.
Codice HTML
<button class="bg-stone-700 hover:bg-stone-600 text-stone-100 py-3 px-6 rounded-lg font-semibold text-lg shadow-lg transition duration-300 ease-in-out dark:bg-stone-800 dark:hover:bg-stone-700 dark:text-stone-200 dark:shadow-xl"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 inline-block mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-4-4H8a4 4 0 00-4 4v4m11 0l-3 4m0 0h3v3zm-3-4v1m10-4v2a2 2 0 01-2 2H7a2 2 0 01-2-2V7a2 2 0 012-2h10a2 2 0 012 2z" /> </svg> Add to Cart </button>Componenti correlati
Componente pulsante Aggiungi al carrello
Un componente reattivo del pulsante Aggiungi al carrello progettato in stile brutalista con colori vivaci, adatto per interfacce di social media con supporto per temi scuri.
Aggiungi al carrello Pulsante Componente 46
Un componente pulsante "Aggiungi al carrello" retrò/vintage progettato con Tailwind CSS, con design reattivo 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.