Infobulle avec aperçu
Au survol d'un lien, une petite carte s'ouvre avec icône, titre, dernière mise à jour et statut.
Réglages
Code
<button class="uv-tv">Aperçu<span><i>⌁</i><b>Projet Atlas</b><small>Mis à jour il y a 2 min</small><em>En cours</em></span></button>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Info-bulles
Où l’utiliser
Pensez à un gestionnaire de tâches où les projets sont cités partout : dans les commentaires, le fil d'activité, les comptes rendus. Plutôt que de tout ouvrir, on survole le nom et on lit « Projet Atlas · mis à jour il y a 2 min · En cours ». C'est une hover card, l'infobulle avec aperçu qu'on voit sur GitHub ou Notion.
Limitez-vous à trois ou quatre informations ; si la carte a besoin d'un défilement, c'est qu'il faut une page. Dans les longues listes, ajoutez un léger délai d'ouverture pour éviter qu'une carte surgisse à chaque ligne survolée.