Composant Suivre le bouton
Un composant de bouton de suivi réactif conçu selon les principes de Material Design, avec prise en charge du mode sombre et des styles personnalisés à l’aide de Tailwind CSS.
HTML Code
<div class="flex items-center justify-center p-4">
<div class="bg-white dark:bg-gray-800 shadow-md rounded-lg p-5 transition-shadow duration-300 hover:shadow-lg">
<div class="flex items-center">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar" class="w-12 h-12 rounded-full shadow-lg mr-3">
<div class="flex-1">
<h2 class="text-lg font-semibold text-gray-800 dark:text-gray-200">Follow Me</h2>
<p class="text-gray-600 dark:text-gray-400">Join my journey and stay updated!</p>
</div>
<button class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded transition duration-300 ease-in-out">
Follow
</button>
</div>
</div>
</div>
Composants associés
Composant Suivre le bouton
Un bouton de suivi de style Neumorphism pour un tableau de bord avec prise en charge du thème sombre.
Composant Suivre le bouton
Un composant de bouton de suivi complexe et réactif avec un style glassmorphism et des couleurs vives, conçu pour les sites Web d’entreprise avec prise en charge du mode sombre à l’aide de Tailwind CSS.
BrutalisteFollowButton
Un bouton de suivi brutaliste avec prise en charge du mode réactif et sombre.