Glassmorphism Suivre le bouton
Un bouton de suivi réactif avec le design Glassmorphism, la prise en charge du mode sombre, utilisant Tailwind CSS.
HTML Code
<template>
<button class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-purple-600 to-blue-500 group-hover:from-purple-600 group-hover:to-blue-500 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800">
<span class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0 backdrop-filter backdrop-blur-lg bg-opacity-20">
Follow
</span>
</button>
</template>Composants associés
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.
Composant Suivre le bouton
Un bouton de suivi de style Neumorphism pour un tableau de bord avec prise en charge du thème sombre.
BrutalisteFollowButton
Un bouton de suivi brutaliste avec prise en charge du mode réactif et sombre.