Tooltip mit Federeffekt
Ein Tooltip, der federnd über dem Button aufpoppt, beim Hover und beim Fokus per Tastatur.
Einstellungen
Code
<button class="uv-tp">Zeig hierauf<span>Zu Favoriten hinzugefügt</span></button>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
Wofür du ihn nutzen kannst
Ein federnder Tooltip gibt kleinen Hinweisen etwas Persönlichkeit: Er erklärt die Icon-Buttons einer Editor-Toolbar, benennt einen Teilen-Button oder meldet „In Favoriten gespeichert“ über einem Lesezeichen. Er wächst mit leichtem Überschwingen aus dem Button, samt kleinem Pfeil nach unten. Er erscheint auch, wenn man den Button per Tastatur ansteuert, nicht nur mit der Maus.
Halte den Text kurz, er steht in einer einzigen Zeile. Als Hintergrund nimmt der Tooltip die Textfarbe deiner Seite, er ist also auf hellen Seiten automatisch dunkel und auf dunklen hell.