Tecla mecánica

Tecla mecánica 3D con paredes inclinadas, plástico mate y luz de fondo; se hunde con rebote al presionar y puede sonar.

Vista previa en vivo

Instalación

1. Configura el registro Pro una sola vez

Los componentes Pro no están en npm ni en el registro público de shadcn: se instalan con tu licencia desde el registro privado de Furin.

2. Instala Tecla mecánica

npx shadcn@latest add @furin-pro/keycap-button

Prop	Tipo	Por defecto	Descripción
children	ReactNode	"Enviar"	Leyenda impresa en la tecla.
hint	string	""	Leyenda pequeña en la esquina de arriba.
units	number	2	Ancho de la tecla en unidades de teclado (1 = tecla normal, 2.25 = Enter).
size	number	104	Tamaño de 1 unidad, en px.
color	string	"#e9e5da"	Color del plástico de la tecla.
legendColor	string	"#272a33"	Color de la leyenda.
glow	string	"#5b6cff"	Color de la luz de fondo que se asoma por debajo.
travel	number	8	Cuánto se hunde al presionar, en px.
sound	boolean	false	Reproduce un "clac" sintetizado al presionar.

Botón confeti
Gratis
Botón que lanza confeti físico: papelitos que giran en 3D, caen con resistencia del aire y se mecen.
Botones
Botón de metal
Gratis
Botón de metal pulido con bisel y reflejo que sigue al cursor.
Botones
Botón de vidrio
Gratis
Botón de vidrio líquido que refracta el fondo.
Botones