Tecla mecánica
Una tecla esculpida sobre una placa de teclado que baja con recorrido real y lanza un anillo de luz por la placa.
Ajustes
Código
<div class="uvq01-key"><span class="rp" aria-hidden="true"></span><button class="k" type="button"><span class="cap"><span class="t">Enviar</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M19 5v7a3 3 0 0 1-3 3H6"/><path d="M10 11l-4 4 4 4"/></svg></span></button></div>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 Botones
Ver todos: BotonesDónde usarlo
Los teclados mecánicos tienen una afición fiel y este botón toma prestado su aspecto: una tecla esculpida con la superficie cóncava y su leyenda, sobre una placa anodizada con luz por debajo. Cada pulsación hunde la tecla con recorrido real y suelta una onda de luz reactiva, también si usas Intro o Espacio. Encaja en herramientas para desarrolladores, atajos de teclado y webs de videojuegos.
Usa el color principal para la tecla, como una Esc naranja clásica, y el secundario para el brillo RGB. Las etiquetas cortas como Enviar, Ejecutar o Intro quedan más naturales, y varias juntas forman una leyenda de atajos muy creíble.