Infobulle empilée
Le libellé arrive avec deux calques estompés derrière lui, comme un petit paquet de cartes qui s'ouvre en éventail.
Réglages
Code
<button class="uv-tstack">•••<span><i></i><i></i><b>3 actions disponibles</b></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
Les couches suggèrent qu'il y a davantage derrière le bouton, ce qui colle bien aux menus « Plus d'options ». Imaginez les trois points d'un fichier dans un service de stockage en ligne : au survol, « 3 actions disponibles » apparaît avec sa petite pile. Une infobulle empilée en HTML et CSS, discrète mais parlante.
Indiquez ce que contient vraiment le menu. Un nombre comme « 3 actions » ou une piste comme « Partager, renommer, supprimer » aide plus qu'un simple « Plus ». Les calques arrière sont volontairement discrets ; sur fond sombre, vérifiez qu'ils restent visibles.