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
Komponente der Schaltfläche "In den Warenkorb"
Eine reaktionsschnelle Schaltfläche "In den Einkaufswagen", die für den Dunkelmodus mit Tailwind CSS entwickelt wurde.
Komponente der Schaltfläche "In den Warenkorb"
Eine vom Brutalismus inspirierte Add-to-Cart-Button-Komponente mit Tailwind CSS mit hohem Kontrast, ungewöhnlichen Layouts, responsiven Effekten und Unterstützung für dunkle Themen.
In den Warenkorb Button
Eine Skeuomorphe "In den Warenkorb"-Button-Komponente, die mit Tailwind CSS entworfen wurde und reaktionsschnelle Effekte und Unterstützung für dunkle Designs bietet.