Saltar al contenido
Objetos Pro

Caja fuerte

Disco de combinación de caja fuerte: se gira arrastrando, cada número se registra al dejarlo quieto y al acertar la puerta se abre con un clac.

Plan
Pro · licencia comercial
Dependencias
Solo React
Props
8 (4 ajustables)

Vista previa en vivo

CAJA FUERTE
05101520253035404550556065707580859095

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 licencia

2. Instala Caja fuerte

npx shadcn@latest add @furin-pro/safe-dial

Props

PropTipoPor defectoDescripción
childrenReactNode""Contenido que queda guardado dentro de la caja (por defecto, lingotes).
codenumber[]"[24, 71, 38]"Combinación: números de 0 a 99 que hay que marcar y dejar quietos un instante.
soundbooleantrueSonido sintetizado de clics, cerrojo y golpe de la puerta (solo tras una interacción).
autobooleanfalseMarca sola la combinación cuando nadie la toca, abre y vuelve a cerrar.
sizenumber270Lado de la puerta, en px.
labelstring"CAJA FUERTE"Texto grabado en la placa de la puerta.
onOpen() => voidundefinedSe llama cuando la combinación es correcta y la puerta se abre.
onClose() => voidundefinedSe llama cuando la puerta se cierra otra vez.

Sigue explorando

  • Progreso como casete: la cinta pasa de un carrete al otro con el diámetro de cada bobina cambiando de verdad, ventanita de plástico con reflejo y contador; se puede arrastrar para adelantar o rebobinar.

    Objetos

  • Cierre metálico de dientes reales sobre tela de sarga: arrastras el jalador y la tela se abre en V revelando tu contenido, con sombra sobre el forro y un jalador que se balancea como péndulo.

    Objetos

  • Lámpara colgante con cordón de cuentas con física: se jala para encender la luz y la escena entera cambia de tema.

    Objetos