NuevoNuevo: exporta tus informes a PDF
HTML + CSSInfo-bulles
Balise de nouveauté avec indice
Un point qui pulse sur un nouveau bouton ; le survol ou le focus explique la nouveauté et Compris la fait disparaître.
Réglages
16px
1x
Code
<div class="uv-tbh"><div class="tb"><button type="button" aria-label="Annuler"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 14L4 9l5-5M4 9h10a6 6 0 0 1 0 12h-3"/></svg></button><button type="button" aria-label="Partager"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="18" cy="5.5" r="2.5"/><circle cx="6" cy="12" r="2.5"/><circle cx="18" cy="18.5" r="2.5"/><path d="M8.2 10.9l7.6-4.3M8.2 13.1l7.6 4.3"/></svg></button><span class="wr"><button type="button" class="nw" aria-label="Exporter" aria-describedby="uv-tbh-t"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 4v11M7.5 10.5L12 15l4.5-4.5M5 19.5h14"/></svg></button><span class="bc" aria-hidden="true"><i></i></span><span class="tt" role="tooltip" id="uv-tbh-t"><span class="tg">Nouveau</span><span class="tx">Nouveau : exporte tes rapports en PDF</span><button type="button" class="ok">Compris</button></span></span></div></div>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
Voir tout : Info-bullesOù l’utiliser
Annoncer une fonctionnalité dans l'interface marche mieux qu'une fenêtre qu'on ferme sans lire. Un petit point pulse sur le nouveau bouton d'une barre d'outils ; le survol ou le focus ouvre une infobulle avec une étiquette Nouveau, une phrase sur la fonction et un bouton Compris qui masque le point et l'indice pour de bon.
La pulsation est discrète et s'arrête avec le mouvement réduit, et le focus revient au bouton après la fermeture. Enregistre cet état dans ton appli.