In den Warenkorb Button
In den Warenkorb Button-Komponente mit minimalistischem/flachem Design, Graustufen-Farbschema, komplexer Komplexitätsstufe, für Dashboard-Zwecke, mit responsivem Design und Unterstützung für dunkle Themen.
HTML-Code
<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>Verwandte Komponenten
In den Warenkorb Button
Eine reaktionsschnelle Komponente für die Schaltfläche "In den Einkaufswagen", die mit skeuomorphen Elementen, leuchtenden Farben und Unterstützung für dunkle Themen entwickelt wurde und sich für Blog- und Content-Konsumzwecke eignet.
In den Warenkorb Button
Eine reaktionsschnelle Schaltfläche "In den Einkaufswagen", die nach Material Design-Prinzipien unter Verwendung von Tailwind CSS gestaltet ist und Designs im Dunkelmodus unterstützt.
Komponente der Schaltfläche "In den Warenkorb"
Eine reaktionsschnelle Schaltfläche "In den Warenkorb", die im dunklen Modus mit Tailwind CSS entworfen wurde, mit Hover-Effekten und Unterstützung für dunkle Themen.