Tooltip de atajo de teclado
Muestra la acción junto a su atajo, y la tecla se hunde un poco como si alguien la acabara de pulsar.
Ajustes
Código
<button class="uv-tk">Buscar<span>Buscar en la página<kbd>⌘ K</kbd></span></button>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Tooltips
Dónde usarlo
Encaja allí donde hay gente que vive pegada al teclado: el botón de búsqueda de una web de documentación o el «Enviar» de un cliente de correo. Al pasar el ratón aparece la etiqueta con una tecla ⌘ K que hace un pequeño clic. Un tooltip con atajo de teclado enseña sin que nadie tenga que abrir la ayuda.
Muestra la tecla que toca en cada sistema: ⌘ en Mac y Ctrl en Windows, algo que se cambia con un par de líneas de JavaScript. Y ponlo solo en acciones que tengan atajo; si alguien lo prueba y no pasa nada, deja de fiarse de las pistas.