Tooltip mit Tastenkürzel
Zeigt die Aktion samt Tastenkürzel, und die Taste gibt kurz nach, als hätte sie gerade jemand gedrückt.
Einstellungen
Code
<button class="uv-tk">Suchen<span>Auf der Seite suchen<kbd>⌘ K</kbd></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
Passt überall, wo Leute gern mit der Tastatur arbeiten: beim Suchbutton einer Dokumentation, beim „Senden“ in einem Mailprogramm oder beim Export in einer Design-App. Beim Hovern blendet sich das Label mit einer ⌘-K-Taste ein, die kurz nachgibt. So bringt ein Tooltip mit Tastenkürzel Shortcuts bei, ganz ohne Hilfeseite.
Zeig pro System die richtige Taste an, also ⌘ auf dem Mac und Strg unter Windows. Das lässt sich mit ein paar Zeilen JavaScript umschalten. Und setz ihn nur bei Aktionen ein, die wirklich ein Kürzel haben, sonst verlieren die Hinweise schnell ihre Glaubwürdigkeit.