Infobulle avec raccourci clavier
Affiche l'action avec son raccourci, et la touche s'enfonce légèrement comme si l'on venait d'appuyer dessus.
Réglages
Code
<button class="uv-tk">Rechercher<span>Rechercher dans la page<kbd>⌘ K</kbd></span></button>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Info-bulles
Où l’utiliser
Elle a sa place partout où l'on travaille au clavier : le bouton de recherche d'une documentation, le bouton « Envoyer » d'une messagerie ou l'export d'une application de design. Au survol, le libellé apparaît avec une touche ⌘ K qui s'enfonce un instant. Une infobulle avec raccourci clavier apprend les raccourcis sans page d'aide.
Affichez la bonne touche selon le système : ⌘ sur Mac, Ctrl sous Windows, ce qui se règle en quelques lignes de JavaScript. Réservez-la aux actions qui ont vraiment un raccourci ; si l'utilisateur essaie et que rien ne se passe, il ne fera plus confiance aux indications.