Toggle iOS elástico
Un interruptor al estilo iPhone cuya bola se estira mientras lo mantienes pulsado y luego salta a su sitio.
Ajustes
Código
<label class="uv-ti"><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 interruptor estilo iOS es el que la gente espera en una pantalla de ajustes: «Notificaciones», «Modo oscuro» o «Compartir datos de uso» en las preferencias de una app web. Copia un detalle del iPhone que muchos toggles en CSS olvidan: mientras lo mantienes pulsado, la bola se estira como una gota y al soltar salta al otro lado.
El estiramiento solo se ve al mantenerlo pulsado, así que se nota más con el dedo que con los ojos, y esa es la gracia. En verde parece el del iPhone; con el color de tu marca se siente parte de tu producto.