Seitlicher Tooltip mit Stiel
Federt rechts neben dem Icon heraus und hängt an einer dünnen Linie, die sich wie ein Stiel dehnt.
Einstellungen
Code
<button class="uv-tl">↗<span>Link teilen</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
Seitliche Tooltips gehören in vertikale Layouts: die eingeklappte Icon-Sidebar eines CRM, die schwebende Teilen-Leiste neben einem Blogartikel, die Werkzeugspalte einer Bildbearbeitung. Über den Icons würden die Labels den Nachbarn verdecken, seitlich bleibt alles frei. Der Stiel gibt diesem CSS-Tooltip beim Öffnen einen kleinen elastischen Ruck.
Er öffnet sich nach rechts, eignet sich also für Leisten am linken Bildschirmrand. Für ein Panel rechts spiegelst du ihn einfach. Der Stiel nutzt deine erste Farbe; ein gedeckter Ton verhindert, dass er wie ein Pfeil auf etwas anderes zeigt.