Ajouter au panier Composant du bouton
Un bouton d’ajout au panier réactif conçu pour le mode sombre à l’aide de Tailwind CSS.
HTML Code
<div class="flex items-center justify-center p-10 bg-gray-900 min-h-screen">
<div class="bg-gray-800 rounded-lg shadow-lg p-6">
<div class="flex items-center">
<img src="https://picsum.photos/100" alt="Product Image" class="w-16 h-16 rounded-lg mr-4">
<div class="text-white">
<h2 class="text-lg font-semibold">Product Name</h2>
<p class="text-gray-400">Product description goes here.</p>
<p class="text-xl font-bold mt-2">$29.99</p>
</div>
</div>
<button class="mt-4 w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded transition duration-200 ease-in-out">
Add to Cart
</button>
</div>
</div>Composants associés
Ajouter au panier Bouton
Un bouton Skeuomorphic Ajouter au panier avec des effets réactifs et la prise en charge du thème sombre.
Ajouter au panier Composant du bouton
Un bouton complexe Ajouter au panier conçu avec une esthétique rétro/vintage et une palette de couleurs complémentaire, adapté à un site Web d’entreprise professionnel. Ce composant prend en charge le mode sombre et est réactif, utilisant Tailwind CSS pour le coiffage.
Ajouter au panier Bouton
Un composant de bouton d’ajout au panier réactif conçu dans un style skeuomorphe, avec des couleurs vives et une prise en charge du thème sombre, adapté aux interfaces de médias sociaux.