Ajouter au panier Bouton Composant 46
Un composant de bouton rétro/vintage « Ajouter au panier » conçu avec Tailwind CSS, avec un design réactif et la prise en charge des thèmes sombres.
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>Composants associés
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.
Ajouter au panier Composant du bouton
Un composant de bouton « Ajouter au panier » de style 3D conçu pour les interfaces de médias sociaux. Il dispose d’une interface riche avec de la profondeur, des éléments de conception attrayants et est réactif avec la prise en charge des thèmes sombres.
Ajouter au panier Bouton
Ajouter au panier Composant de bouton avec design minimaliste / plat, palette de couleurs en niveaux de gris, niveau de complexité complexe, à des fins de tableau de bord, avec un design réactif et la prise en charge du thème sombre.