Gestapelter Tooltip
Das Label erscheint mit zwei blassen Ebenen dahinter, wie ein kleiner Kartenstapel, der sich auffächert.
Einstellungen
Code
<button class="uv-tstack">•••<span><i></i><i></i><b>3 Aktionen verfügbar</b></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
Die Ebenen deuten an, dass hinter dem Button mehr steckt, und passen damit gut zu „Weitere Optionen“-Menüs. Denk an die drei Punkte bei einer Datei in einem Cloud-Speicher oder bei einem Foto in einer Online-Galerie: Beim Hovern erscheint „3 Aktionen verfügbar“ mit seinem kleinen Stapel. Ein gestapelter Tooltip in HTML und CSS.
Schreib hinein, was wirklich im Menü steckt. Eine Zahl wie „3 Aktionen“ oder ein Hinweis wie „Teilen, umbenennen, löschen“ hilft mehr als ein vages „Mehr“. Die hinteren Ebenen sind bewusst dezent; prüf auf dunklem Hintergrund, ob man sie noch sieht.