Infobulle de confirmation de copie
Un clic sur le bouton et une bulle verte « Copié » apparaît pendant que la coche se dessine.
Réglages
Code
<button class="uv-tconfirm">Copier le lien<span><svg viewBox="0 0 24 24"><path d="m5 12 4 4 10-10" pathLength="1"/></svg>Copié</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
Copier ne donne aucun retour visuel, alors on clique deux fois pour être sûr. Cette infobulle règle le problème. Utilisez-la pour le lien d'invitation d'un planificateur de voyage partagé, le code de parrainage d'une application d'abonnement ou le « Copier le lien » d'une offre d'emploi. Une infobulle de copie en HTML et CSS, avec une coche animée.
La bulle affiche seulement la confirmation : la copie elle-même demande une ligne de JavaScript avec l'API Clipboard. Ne la montrez qu'une fois la copie réussie. Elle reste tant que le bouton a le focus et se ferme dès qu'on clique ailleurs.