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 pour l’interface utilisateur en mode sombre, utilise Tailwind CSS, schéma de couleurs en niveaux de gris, complexité simple, à des fins de portefeuille, conception réactive avec prise en charge du thème sombre.
Composant Boutons de partage social
Un composant skeuomorphic social share buttons conçu pour les sites Web de commerce électronique, doté d’une palette de couleurs en niveaux de gris et d’une prise en charge du mode sombre.
Boutons de partage social Composant 51
Un composant réactif de boutons de partage social conçu selon les principes de conception skeuomorphique, avec des boutons qui imitent des objets du monde réel et prenant en charge le thème sombre. Le composant est stylisé à l’aide de Tailwind CSS et comprend des images de substitution de picsum.photos et des avatars de randomuser.me.