Componente Pulsanti di condivisione social
Un componente minimalista dei pulsanti di condivisione social progettato per le dashboard, caratterizzato da una combinazione di colori vivaci e un design reattivo, con supporto per la modalità scura.
Codice HTML
<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>
Componenti correlati
Componente Pulsanti di condivisione social
Un componente minimalista dei pulsanti di condivisione social progettato con Tailwind CSS, con effetti reattivi e supporto per temi scuri.
Componente Pulsanti di condivisione social
Un componente reattivo dei pulsanti di condivisione social con un design retrò/vintage e una combinazione di colori pastello, che supporta la modalità oscura e adatto per le interfacce dei social media.
Pulsanti di condivisione social
Pulsanti di condivisione social con design reattivo, supporto per temi scuri ed estetica 3D. Non è richiesto alcun JavaScript.