Cartel de no molestar
Un cartel colgado del pomo de una puerta de madera da la vuelta y se balancea al pasar de Adelante a No molestar.
Ajustes
Código
<label class="uvq03-dhg"><input type="checkbox" role="switch"><span class="dr"><i class="pn"></i><i class="kb"></i><span class="cd" aria-hidden="true"><b class="f a"><span>Adelante</span></b><b class="f b"><span>No molestar</span></b></span></span>Modo concentración</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
Ver todos: TogglesDónde usarlo
Este interruptor es una puerta de madera con cuarterón, pomo de latón y un cartel colgado de él, como los de las habitaciones de hotel. Apagado, la cara verde dice Adelante; al activarlo, el cartel gira en 3D hacia la cara roja de No molestar y se balancea en el pomo antes de quedarse quieto. Encaja en modos de concentración, salas de reuniones y apps de hoteles.
El color principal es la cara de no molestar y el secundario la de bienvenida. Los textos del cartel están en el HTML, así que puedes poner Ocupado y Libre o Grabando y Abierto, siempre cortos.