Composant Suivre le bouton
Un composant de bouton de suivi réactif conçu dans le style Material Design avec prise en charge du mode sombre à l’aide de Tailwind CSS.
HTML Code
<div class="flex items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-800">
<div class="flex flex-col items-center p-6 bg-white dark:bg-gray-900 rounded-lg shadow-lg space-y-4">
<img src="https://picsum.photos/100" alt="User Avatar" class="w-24 h-24 rounded-full border-2 border-indigo-500 shadow-md">
<h2 class="text-lg font-semibold text-gray-800 dark:text-gray-200">John Doe</h2>
<p class="text-gray-600 dark:text-gray-400">Software Developer</p>
<button class="flex items-center justify-center w-full px-4 py-2 font-semibold text-white bg-blue-600 rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring focus:ring-blue-300 dark:bg-blue-500 dark:hover:bg-blue-600">
<span>Follow</span>
</button>
</div>
</div>
Composants associés
3D_Analogous_Simple_Follow_Button_Component
Un bouton « Suivre » simple et réactif avec une esthétique 3D et une palette de couleurs analogue, adapté à un site de portfolio, prenant en charge les modes clair et 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.
Composant Suivre le bouton
Un composant complexe de bouton de suivi conçu avec un effet de glassmorphism, utilisant une palette de couleurs complémentaires, adapté aux applications de commerce électronique, avec un design réactif et une prise en charge du thème sombre.