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
Controles
Pro
Engranes
Pasos de un flujo unidos por engranes de metal que giran engranados de verdad, con un pequeño juego entre dientes.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 11 (9 ajustables)
Paso 02/04Plan
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.
Usar mi licencia2. Instala Engranes
npx shadcn@latest add @furin-pro/gear-stepperProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| steps | string[] | "[\"Cuenta\", \"Plan\", \"Pago\", \"Listo\"]" | Nombres de los pasos, uno por engrane. |
| value | number | undefined | "auto" | Paso actual en modo controlado (índice desde 0). |
| defaultValue | number | 0 | Paso inicial cuando no se controla desde fuera. |
| onChange | (value: number) => void | undefined | Se llama al elegir otro paso. |
| label | string | "Progreso" | Nombre del grupo para lectores de pantalla. |
| showButtons | boolean | true | Muestra los botones Atrás y Siguiente. |
| backLabel | string | "Atrás" | Texto del botón de retroceso. |
| nextLabel | string | "Siguiente" | Texto del botón de avance. |
| sound | boolean | false | Sonido sintetizado de los dientes y el tope (solo tras tocar el control). |
| autoplay | boolean | false | Recorre los pasos solo hasta que alguien lo toca. |
| disabled | boolean | false | Desactiva el control. |
Sigue explorando
Ábaco
ProSelector numérico de ábaco: cuentas de madera que se arrastran, se empujan en cadena y chocan contra la viga con resorte.
Controles
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