Saltar al contenido
Botones Pro

Palanca metálica

Interruptor de palanca físico con clic.

Plan
Pro · licencia comercial
Dependencias
Solo React
Props
9 (8 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 Palanca metálica

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

Props

PropTipoPor defectoDescripción
checkedbooleanfalseEstado encendido (modo controlado).
defaultCheckedbooleanfalseEstado inicial cuando no se controla desde fuera.
onChange(checked: boolean) => voidundefinedSe llama al cambiar de posición.
labelstring"Power"Rótulo grabado en la parte superior de la placa.
onLabelstring"ON"Texto de la posición encendida.
offLabelstring"OFF"Texto de la posición apagada.
tone"graphite" | "silver""graphite"Acabado de la placa.
ledColorstring"#ffb13b"Color del piloto que se enciende con la palanca.
disabledbooleanfalseDeshabilita el interruptor.

Sigue explorando

  • Tecla mecánica 3D con paredes inclinadas, plástico mate y luz de fondo; se hunde con rebote al presionar y puede sonar.

    Botones

  • Botón que lanza confeti físico: papelitos que giran en 3D, caen con resistencia del aire y se mecen.

    Botones

  • Botón de metal pulido con bisel y reflejo que sigue al cursor.

    Botones