Composants Infobulle Infobulle pastel minimaliste

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.

Aperçu

HTML Code

<div class="relative inline-block">
  <button class="text-gray-700 dark:text-gray-300 bg-blue-200 dark:bg-blue-700 hover:bg-blue-300 dark:hover:bg-blue-800 px-4 py-2 rounded">Hover me</button>
  <div class="invisible absolute z-10 w-32 top-full left-1/2 transform -translate-x-1/2 mt-2 px-2 py-1 text-sm text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-800 rounded shadow-lg opacity-0 transition-all duration-300 group-hover:visible group-hover:opacity-100">
    Tooltip text
  </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.

Ouvrir

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.

Ouvrir

3D_Real_Estate_Tooltip

Il s’agit d’un composant d’info-bulle modérément complexe et réactif avec des éléments de conception 3D et une palette de couleurs chaudes de coucher de soleil, adapté aux annonces immobilières. Inclut la prise en charge du mode sombre.

Ouvrir