Saltar al contenido
Objetos Pro

Caja de cerillos

Caja de cerillos en 3D de cartón impreso, con lija en el costado: el cajón se desliza con resorte al pasar o hacer clic y descubre cerillos y tu contenido (children) en una tarjetita.

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

Vista previa en vivo

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 de cerillos

npx shadcn@latest add @furin-pro/matchbox-drawer

Props

PropTipoPor defectoDescripción
childrenReactNodeundefinedContenido que queda dentro del cajón, sobre los cerillos, en una tarjeta de papel.
titlestring"FÓSFOROS"Nombre impreso en la tapa de la caja.
subtitlestring"Ideas que encienden"Leyenda pequeña bajo el nombre.
colorstring"#c63a24"Color de la impresión de la tapa.
matchesnumber30Cantidad de cerillos dentro del cajón (0 para ocultarlos).
openboolean"auto"Estado abierto (controlado). Si se omite, el componente lo guarda él mismo.
defaultOpenbooleanfalseEmpieza abierto cuando no es controlado.
onOpenChange(open: boolean) => voidundefinedSe llama al abrir o cerrar.
autoplaybooleanfalseSe abre y se cierra solo hasta que alguien lo toca.

Sigue explorando

  • Caja fuerte

    Pro

    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.

    Objetos

  • Casete

    Pro

    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

    Pro

    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