Minimalist_Tooltip
Composant d’info-bulle de conception minimaliste/plate pour le commerce électronique avec un design réactif et une prise en charge du thème sombre. Utilise une palette de couleurs complémentaire et a une complexité modérée.
HTML Code
<div class="relative group">
<button class="text-blue-700 hover:text-blue-800 dark:text-red-400 dark:hover:text-red-500 font-bold py-2 px-4 rounded">Hover Me</button>
<div class="absolute bottom-full mb-2 hidden group-hover:block w-48 bg-blue-100 text-blue-800 text-sm rounded py-1 px-2 dark:bg-red-900 dark:text-red-100">
Product information or details here.
</div>
</div>Composants associés
Composant de l’infobulle du brutalisme
Composant d’infobulle de style brutalisme pour les médias sociaux, avec un schéma de couleurs en niveaux de gris et des éléments interactifs complexes. Il est réactif et prend en charge le mode sombre en utilisant Tailwind CSS, sans JavaScript.
Composant d’infobulle rétro
Un composant d’infobulle à thème rétro/vintage avec des effets réactifs et la prise en charge du mode sombre.
RetroTooltip
Un composant d’info-bulle simple et réactif avec un style rétro/vintage et une palette de couleurs en niveaux de gris, adapté aux sites Web d’entreprise. Prend en charge le thème sombre.