Saltar al contenido
Objetos Pro

Cordón de lámpara

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

Plan
Pro · licencia comercial
Dependencias
Solo React
Props
9 (6 ajustables)

Vista previa en vivo

Jala del cordón

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 Cordón de lámpara

npx shadcn@latest add @furin-pro/pull-cord-lamp

Props

PropTipoPor defectoDescripción
childrenReactNode""Contenido que queda bajo la lámpara y toma la luz.
onbooleanfalseEstado de la luz (modo controlado).
defaultOnbooleanfalseEstado inicial cuando no se controla desde fuera.
onChange(on: boolean) => voidundefinedSe llama cada vez que se enciende o apaga.
colorstring"#ffd9a0"Color de la luz.
heightnumber420Alto de la escena, en px.
autobooleanfalseJala el cordón solo cada cierto tiempo mientras nadie lo toca.
soundbooleanfalseSonido sintetizado del interruptor (solo tras una interacción).
disabledbooleanfalseDeshabilita la lámpara.

Sigue explorando

  • Botón-lente con aspas metálicas de diafragma que se cierran y abren con resorte; el aro marca el número f.

    Objetos

  • Entrada de código con un disco de teléfono antiguo: arrastras desde el agujero hasta el tope y regresa con resorte, con clics.

    Objetos

  • Libro de papel: la esquina inferior se despega y se dobla siguiendo al cursor con reverso, sombra y brillo de curvatura; si la sueltas pasada la mitad la página se voltea, y si no, vuelve con resorte.

    Objetos