In den Warenkorb Button

Vom Brutalismus inspirierte Schaltfläche "In den Warenkorb" mit leuchtenden Farben und Unterstützung für den Dunkelmodus.

Vorschau

HTML-Code

<button class="bg-red-600 dark:bg-purple-600 text-white dark:text-black font-bold py-2 px-4 rounded border-4 border-black dark:border-white hover:bg-red-700 dark:hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-black dark:focus:ring-white transition duration-300 ease-in-out">
  Add to Cart
</button>

Verwandte Komponenten

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.

Offen

Brutalismus Pastell In den Warenkorb Button

Vom Brutalismus inspirierte Schaltfläche "In den Einkaufswagen" mit pastellfarbenem Farbschema, moderater Komplexität und responsivem Design mit Unterstützung des Dunkelmodus. Geeignet für einen Blog oder eine Content-Website.

Offen

Komponente der Schaltfläche "In den Warenkorb"

In den Warenkorb Die Schaltfläche wurde für die Benutzeroberfläche im Dunkelmodus mit Erdtönen, Farbschema und komplexer Komplexität für Portfoliozwecke entwickelt. Die Komponente reagiert und unterstützt das dunkle Design mit dem Präfix dark: von Tailwind.

Offen