Saltar al contenido
Objetos Pro

Moneda

Interruptor que lanza una moneda metálica en 3D: gira en el aire, rebota en la mesa y cae mostrando la otra cara.

Plan
Pro · licencia comercial
Dependencias
Solo React
Props
9 (6 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 Moneda

npx shadcn@latest add @furin-pro/coin-toggle

Props

PropTipoPor defectoDescripción
checkedbooleantrueEstado del interruptor (modo controlado): cara A = activado.
defaultCheckedbooleantrueEstado inicial cuando no se controla desde fuera.
onChange(checked: boolean) => voidundefinedSe llama cuando la moneda cae mostrando otra cara.
labels[string, string]"[\"ON\", \"OFF\"]"Textos grabados en las caras: [activado, desactivado].
metal"gold" | "silver" | "bronze""gold"Metal de la moneda.
sizenumber170Diámetro de la moneda, en px.
soundbooleanfalseSonido sintetizado del tintineo al caer (solo tras un clic).
autobooleanfalseLanza la moneda sola cada cierto tiempo mientras nadie la toca.
disabledbooleanfalseDeshabilita el interruptor.

Sigue explorando

  • Reloj de arena de vidrio y madera: los granos caen de verdad, el montón crece con su talud y se voltea con un clic.

    Objetos

  • Sobre de papel con sello de lacre en relieve (iluminación real con filtros SVG): al hacer clic el lacre se rompe en fragmentos que ruedan sobre la mesa, la solapa se abre en 3D y la carta (children) sale deslizándose.

    Objetos

  • Contador con tubos de vidrio Nixie: cátodos apilados, brillo naranja con halo y parpadeo al encender cada dígito.

    Objetos