Composant Boutons de partage social
Un composant minimaliste de boutons de partage social conçu pour les tableaux de bord, avec une palette de couleurs vives et un design réactif, avec prise en charge du mode sombre.
HTML Code
<div class="flex items-center justify-center space-x-4 p-6 bg-white dark:bg-gray-800 rounded-lg shadow-md transition-all duration-300">
<h2 class="text-lg font-semibold text-gray-800 dark:text-white">Share this Dashboard</h2>
<div class="flex space-x-2">
<a href="#" class="flex items-center justify-center w-10 h-10 rounded-full bg-red-500 text-white hover:bg-red-600 transition duration-300">
<img src="https://picsum.photos/20/20?random=1" alt="Share on Facebook" class="w-5 h-5" />
</a>
<a href="#" class="flex items-center justify-center w-10 h-10 rounded-full bg-blue-500 text-white hover:bg-blue-600 transition duration-300">
<img src="https://picsum.photos/20/20?random=2" alt="Share on Twitter" class="w-5 h-5" />
</a>
<a href="#" class="flex items-center justify-center w-10 h-10 rounded-full bg-green-500 text-white hover:bg-green-600 transition duration-300">
<img src="https://picsum.photos/20/20?random=3" alt="Share on LinkedIn" class="w-5 h-5" />
</a>
<a href="#" class="flex items-center justify-center w-10 h-10 rounded-full bg-yellow-500 text-white hover:bg-yellow-600 transition duration-300">
<img src="https://picsum.photos/20/20?random=4" alt="Share via Email" class="w-5 h-5" />
</a>
</div>
</div>Composants associés
Composant Boutons de partage social
Composant de boutons de partage social avec un design brutaliste, une palette de couleurs vives et un niveau de complexité complexe pour le commerce électronique, avec un design réactif et une prise en charge du thème sombre à l’aide de Tailwind CSS. Pas de JavaScript.
Boutons de partage social rétro
Composant de boutons de partage social avec un design rétro/vintage, des effets réactifs et la prise en charge du thème sombre à l’aide de Tailwind CSS, aucun JavaScript n’est nécessaire.
Boutons de partage social
Boutons de partage social avec style Neumorphisme, palette de couleurs monochromatique et complexité simple pour les sites Web d’entreprise. Conception réactive avec prise en charge du thème sombre à l’aide de Tailwind CSS. Utilise des ombres subtiles pour l’effet neumorphe.