HTML + CSSToggles
Interruptor neón
Un interruptor apagado de contorno fino que se ilumina con un halo de color en el carril y la bola al activarlo.
Ajustes
16px
1x
Código
<label class="uv-tn"><input type="checkbox" checked><span></span></label>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Toggles
Dónde usarlo
Este toggle neón parece una luz que se enciende, y encaja muy bien en un panel de domótica («Luces del salón»), en los ajustes RGB de la app de un teclado gaming o en el «Modo noche» de un reproductor de música. Apagado es un contorno gris. Encendido, el carril y la bola brillan con tus colores.
La diferencia entre apagado y encendido es muy clara, así que nadie se equivoca al leer el estado. Necesita un fondo oscuro para lucir; sobre blanco, el brillo queda desvaído. El segundo color tiñe el halo de la bola.