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.
HTML Code
<div class="relative inline-block">
<button class="text-gray-700 dark:text-gray-300 bg-gray-200 dark:bg-gray-700 px-3 py-1 rounded-md font-mono">Hover Me</button>
<div class="invisible absolute z-10 top-full left-1/2 transform -translate-x-1/2 mt-2 w-48 p-2 bg-gray-800 dark:bg-gray-200 text-gray-200 dark:text-gray-800 text-sm rounded shadow-lg opacity-0 transition-all duration-300 group-hover:visible group-hover:opacity-100">
<p class="font-mono">This is a retro-style tooltip!</p>
</div>
</div>Composants associés
Infobulle
Composant d’info-bulle avec conception 3D, tons de terre, complexité simple et objectif du tableau de bord. Réactif avec prise en charge du thème sombre.
Infobulle pastel minimaliste
Un composant d’info-bulle minimal et plat conçu pour les sites Web d’entreprise et d’entreprise avec des couleurs pastel, un design réactif et une prise en charge du mode sombre à l’aide de Tailwind CSS.
Infobulle du tableau de bord skeuomorphe
Un composant d’info-bulle complexe et skeuomorphe pour un tableau de bord, doté d’un schéma de couleurs triadique et d’un design réactif avec prise en charge du mode sombre, construit avec Tailwind CSS et sans JavaScript.