Componente de botones para compartir en redes sociales
Un componente minimalista de botones para compartir en redes sociales diseñado para paneles, con una combinación de colores vibrantes y un diseño receptivo, con soporte para modo oscuro.
Código 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>Componentes relacionados
Componente de botones para compartir en redes sociales
Un componente minimalista de botones para compartir en redes sociales diseñado con Tailwind CSS, con efectos responsivos y compatibilidad con temas oscuros.
Componente de botones para compartir en redes sociales
Un conjunto de botones para compartir en redes sociales diseñados con una estética monoespaciada/de desarrollador, combinación de colores azul corporativo y capacidad de respuesta completa. Incluye soporte para modo oscuro.
Componente de botones para compartir en redes sociales
Componente de botones para compartir en redes sociales con microinteracciones, combinación de colores en escala de grises, complejidad moderada para interfaces de redes sociales, diseño receptivo con soporte para temas oscuros.