In den Warenkorb Button Komponente 46
Eine Retro-/Vintage-Schaltflächenkomponente "In den Warenkorb", die mit Tailwind CSS entworfen wurde, mit responsivem Design und Unterstützung für dunkle Themen.
HTML-Code
<div class="flex flex-col items-center justify-center p-8 bg-white dark:bg-gray-800 rounded-lg shadow-lg">
<img src="https://picsum.photos/200/100?random=1" alt="Product Image" class="w-full h-auto rounded-md mb-4">
<h2 class="text-2xl font-bold text-gray-800 dark:text-white mb-2">Retro Product Name</h2>
<p class="text-gray-600 dark:text-gray-300 mb-4">This is a brief description of the retro product.</p>
<div class="flex items-center space-x-2">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar" class="w-10 h-10 rounded-full border-2 border-gray-300 dark:border-gray-600">
<button class="px-4 py-2 font-semibold text-white bg-blue-600 rounded-lg shadow hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 dark:bg-blue-700 dark:hover:bg-blue-800 dark:focus:ring-blue-600">Add to Cart</button>
</div>
</div>Verwandte Komponenten
In den Warenkorb Glassmorphism Erdtöne Button
Ein einfacher "In den Warenkorb"-Button, der im Glasmorphismus-Stil mit Erdtönen gestaltet ist und sich für eine Anwendung zum Thema Wetter/Klima eignet. Es reagiert vollständig und unterstützt den Dunkelmodus.
Komponente der Schaltfläche "In den Warenkorb"
Eine Schaltflächenkomponente im 3D-Stil "In den Warenkorb", die für Social-Media-Schnittstellen entwickelt wurde. Es verfügt über eine reichhaltige Benutzeroberfläche mit Tiefe, ansprechenden Designelementen und ist reaktionsschnell mit Unterstützung für dunkle Themen.
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.