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
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.
Componente de botones para compartir en redes sociales
Un componente de botones de compartir en redes sociales receptivo con efectos de glassmorphism, que admite temas claros y oscuros.
Componente de botones para compartir en redes sociales
Un componente minimalista de botones para compartir en redes sociales diseñado con Tailwind CSS, con un diseño responsivo y soporte para temas oscuros. El componente incluye botones para compartir en plataformas de redes sociales populares con elementos de diseño limpios y simples.