Toggle iOS élastique
Un interrupteur façon iPhone dont le bouton s'étire tant qu'on appuie, puis rebondit à sa place.
Réglages
Code
<label class="uv-ti"><input type="checkbox" checked><span></span></label>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Interrupteurs
Où l’utiliser
Ce toggle façon iOS est celui qu'on attend dans un écran de réglages : « Notifications », « Mode sombre » ou « Partager les données d'utilisation » dans les préférences d'une application web. Il reprend un détail de l'iPhone que beaucoup d'interrupteurs CSS oublient : tant que vous appuyez, le bouton s'étire comme une goutte, puis il bascule en rebondissant.
L'étirement n'apparaît qu'en maintenant la pression : on le sent plus qu'on ne le voit, et c'est tout l'intérêt. En vert, il ressemble à l'original ; aux couleurs de votre marque, il fait partie de votre produit.