Componente del botón Seguir
Un componente de botón de seguimiento diseñado en el estilo brutalista con alto contraste y una apariencia cruda y audaz. Es responsivo y admite temas oscuros.
Código HTML
<div class="flex flex-col items-center justify-center p-6 bg-white dark:bg-gray-800 rounded-lg shadow-lg">
<img class="mb-4 rounded-full border-4 border-black dark:border-white" src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar" width="100" height="100">
<h2 class="text-2xl font-bold text-black dark:text-white mb-2">Follow Us</h2>
<p class="text-gray-700 dark:text-gray-300 text-center mb-4">Join our community and stay updated with our latest content!</p>
<a href="#" class="px-4 py-2 text-lg font-bold text-white bg-black dark:bg-white dark:text-black border-4 border-black dark:border-white hover:bg-gray-600 dark:hover:bg-gray-300 transition-all duration-300">Follow</a>
</div>Componentes relacionados
Diseño de materiales Botón de seguimiento
Un componente de botón de seguimiento de Material Design monocromático y receptivo para blogs, con soporte para modo oscuro.
Componente del botón Seguir
Un componente de botón 'Seguir' receptivo con una combinación de colores dulces/dulces, diseñado para bolsas de trabajo y plataformas de carrera, con soporte para modo oscuro.
Componente del botón Seguir
Un componente de botón de seguimiento responsivo diseñado con los principios de Material Design, con soporte para el modo oscuro y estilos personalizados con Tailwind CSS.