Ábaco

Selector numérico de ábaco: cuentas de madera que se arrastran, se empujan en cadena y chocan contra la viga con resorte.

Vista previa en vivo

273 pzas

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 Ábaco

npx shadcn@latest add @furin-pro/abacus-slider

Prop	Tipo	Por defecto	Descripción
value	number \| undefined	"auto"	Valor controlado; si se omite, el ábaco guarda su propio número.
defaultValue	number	0	Número inicial cuando no es controlado.
onChange	(value: number) => void	undefined	Se llama cada vez que el usuario cambia el número.
digits	number	3	Cantidad de varillas (cifras), de 1 a 5.
max	number	"10^digits − 1"	Valor máximo; si el valor lo supera se recorta.
label	string	"Cantidad"	Nombre del control (también para lectores de pantalla).
unit	string	""	Unidad que se graba junto al número en la placa.
sound	boolean	false	Sonido sintetizado de madera al chocar las cuentas (solo suena tras tocar el ábaco).
autoplay	boolean	false	El ábaco salta solo a números al azar hasta que alguien lo toca.
disabled	boolean	false	Desactiva el control.

Campo de máquina
Pro
Campo de texto real que escribe con martillos de máquina de escribir: cada tecla golpea el papel, el corrector tapa lo borrado y suena el timbre al final de línea.
Controles
Conmutador
Pro
Panel de palancas metálicas para filtros: pilotos que se encienden con inercia, pantalla ámbar y clics.
Controles
Elevador
Pro
Navegación por pisos: dial de latón con aguja que viaja, puertas de acero que se cierran y se abren, y botones iluminados.
Controles