Saltar al contenido
Controles Pro

Conmutador

Panel de palancas metálicas para filtros: pilotos que se encienden con inercia, pantalla ámbar y clics.

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

Vista previa en vivo

ACTIVOS 03/06

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 Conmutador

npx shadcn@latest add @furin-pro/switchboard

Props

PropTipoPor defectoDescripción
items(string | { id: string; label: string; color?: string })[]"6 filtros"Filtros del panel: textos o { id, label, color? }.
valuestring[] | undefined"auto"Ids de las palancas activas (modo controlado).
defaultValuestring[]"[]"Ids activos al inicio cuando no se controla desde fuera.
onChange(value: string[]) => voidundefinedSe llama con la lista de ids activos cada vez que cambia.
labelstring"Filtros"Título grabado en el panel y nombre del grupo para lectores de pantalla.
ledColorstring"#ffb13b"Color por defecto de los pilotos.
soundbooleanfalseClic metálico sintetizado al mover cada palanca (solo tras tocar el panel).
showResetbooleantrueMuestra el botón que apaga todas las palancas.
resetLabelstring"Reiniciar"Texto accesible del botón de reinicio.
autoplaybooleanfalseEnciende y apaga las palancas en cascada hasta que alguien toca el panel.
disabledbooleanfalseDesactiva todo el panel.

Sigue explorando

  • Navegación por pisos: dial de latón con aguja que viaja, puertas de acero que se cierran y se abren, y botones iluminados.

    Controles

  • Pasos de un flujo unidos por engranes de metal que giran engranados de verdad, con un pequeño juego entre dientes.

    Controles

  • Galería en tira de película de 35 mm con perforaciones y fotogramas generados por código; se arrastra con inercia, se flexiona por un rodillo y revela cada foto del negativo al color.

    Controles