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
Glassmorphism Monochromatique Simple Infobulle
Un composant d’info-bulle simple, réactif et compatible avec le mode sombre avec un style Glassmorphism, un schéma de couleurs monochromatiques pour les blogs et les sites de contenu.
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.
Bauhaus_Autumn_Tooltip_Component
Un composant d’infobulle inspiré du Bauhaus avec une palette de couleurs d’automne, conçu pour les marques de mode et de beauté. Dispose d’un design géométrique fonctionnel, d’une réactivité et d’une prise en charge du mode sombre.