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
Objetos
Pro
Cierre
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.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 9 (7 ajustables)
Ábrete, sorpresa
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 Cierre
npx shadcn@latest add @furin-pro/zipper-revealProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | ReactNode | undefined | Contenido que queda debajo de la tela y se revela al abrir el cierre. |
| value | number | "auto" | Apertura de 0 (cerrado) a 100 (abierto), controlada. Si se omite, el componente guarda la suya. |
| defaultValue | number | 0 | Apertura inicial cuando no es controlado. |
| onChange | (value: number) => void | undefined | Se llama al mover el jalador (arrastre o teclado). |
| color | string | "#c7482a" | Color de la tela. |
| metal | "brass" | "silver" | "black" | "brass" | Acabado de los dientes y del jalador. |
| lining | string | "#15171c" | Color del forro que se ve al abrir. |
| height | number | 320 | Alto del bolso, en px. |
| autoplay | boolean | false | El jalador baja y sube solo hasta que alguien lo toca. |
Sigue explorando
Diafragma
ProBotó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