NuevoNuevo: exporta tus informes a PDF
HTML + CSSTooltips
New feature beacon tooltip
A pulsing dot sits on a new button; hovering or focusing explains the feature, and Got it dismisses it.
Settings
16px
1x
Code
<div class="uv-tbh"><div class="tb"><button type="button" aria-label="Undo"><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="Share"><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="Export" 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">New</span><span class="tx">New: export your reports to PDF</span><button type="button" class="ok">Got it</button></span></span></div></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Tooltips
See all TooltipsWhere to use it
Announcing a feature inside the interface works better than a modal people close without reading. A small dot pulses on the new button in a toolbar; hovering or focusing it opens a tooltip with a New tag, one line about the feature and a Got it button that hides the beacon and the hint for good.
The pulse is subtle and stops with reduced motion, and focus returns to the new button after dismissing. Save the dismissed state in your app so the hint does not return on the next visit.