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
Brutalismo Aggiungi al carrello Pulsante
Un semplice componente pulsante "Aggiungi al carrello" in stile brutalista con contrasto elevato, colori complementari e scopo per i social media. Completamente reattivo con supporto per la modalità oscura.
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.
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.