Interrupteur ON / OFF
Un interrupteur qui affiche son état, avec ON et OFF qui glissent à côté du bouton.
Réglages
Code
<label class="uv-tt"><input type="checkbox" checked><span><em>ON</em><em>OFF</em></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
Certains interrupteurs doivent dire ce qu'ils font, pas seulement changer de couleur. Ce toggle ON/OFF convient aux interfaces d'administration et aux pages de facturation : « Mode maintenance » dans un CMS, « Renouvellement automatique » d'un abonnement ou « Double authentification » dans les réglages de sécurité. Personne n'a à deviner si le bleu veut dire activé.
Il aide aussi les personnes qui distinguent mal les couleurs. Limitez les libellés à deux ou trois lettres, comme ON et OFF ou OUI et NON ; des mots plus longs ne tiennent pas dans le rail. Vous pouvez les modifier directement dans le HTML.