Elevador

Navegación por pisos: dial de latón con aguja que viaja, puertas de acero que se cierran y se abren, y botones iluminados.

Vista previa en vivo

Piso 2: Galería

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 Elevador

npx shadcn@latest add @furin-pro/elevator-floors

Prop	Tipo	Por defecto	Descripción
floors	(string \| { name: string; detail?: string; mark?: string })[]	"6 pisos"	Pisos del edificio: textos o { name, detail?, mark? }, del más bajo al más alto.
value	number \| undefined	"auto"	Piso elegido, por índice desde 0 (modo controlado).
defaultValue	number	0	Piso inicial cuando no se controla desde fuera.
onChange	(index: number) => void	undefined	Se llama con el índice del piso en cuanto se elige.
label	string	"Elevador"	Nombre de la navegación y rótulo grabado en el dial.
sound	boolean	false	Campanita sintetizada al llegar al piso (solo tras tocar un botón).
autoplay	boolean	false	Recorre los pisos solo hasta que alguien toca un botón.
disabled	boolean	false	Desactiva los botones.

Engranes
Pro
Pasos de un flujo unidos por engranes de metal que giran engranados de verdad, con un pequeño juego entre dientes.
Controles
Tira de película
Pro
Galería en tira de película de 35 mm con perforaciones y fotogramas generados por código; se arrastra con inercia, se flexiona por un rodillo y revela cada foto del negativo al color.
Controles
Ábaco
Pro
Selector numérico de ábaco: cuentas de madera que se arrastran, se empujan en cadena y chocan contra la viga con resorte.
Controles