Neu-Hinweis mit pulsierendem Punkt
Ein pulsierender Punkt sitzt auf einem neuen Button; Hover oder Fokus erklären die Funktion, Verstanden blendet ihn aus.
Einstellungen
Code
<div class="uv-tbh"><div class="tb"><button type="button" aria-label="Rückgängig"><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="Teilen"><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="Exportieren" 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">Neu</span><span class="tx">Neu: Berichte als PDF exportieren</span><button type="button" class="ok">Verstanden</button></span></span></div></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Tooltips
Alle ansehen: TooltipsWofür du ihn nutzen kannst
Eine Funktion direkt in der Oberfläche anzukündigen wirkt besser als ein Modal, das ungelesen geschlossen wird. Ein kleiner Punkt pulsiert auf dem neuen Button einer Werkzeugleiste. Hover oder Fokus öffnen einen Tooltip mit Neu-Tag, einem Satz zur Funktion und einem Verstanden-Button, der Punkt und Hinweis dauerhaft ausblendet.
Das Pulsieren ist dezent und stoppt bei reduzierter Bewegung, der Fokus kehrt nach dem Schließen zum Button zurück. Speichere den Zustand in deiner App, damit der Hinweis nicht wiederkommt.