Ampoule qui s'allume
Une ampoule en contour qui s'illumine d'une lueur chaude avec de petits rayons quand on la coche.
Réglages
Code
<label class="uv-cbl"><input type="checkbox"><span class="bx"><svg viewBox="0 0 32 32" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><g class="ry"><path d="M16 2.5v2.6" style="transform:rotate(-60deg)"/><path d="M16 2.5v2.6" style="transform:rotate(-30deg)"/><path d="M16 2.5v2.6" style="transform:rotate(0deg)"/><path d="M16 2.5v2.6" style="transform:rotate(30deg)"/><path d="M16 2.5v2.6" style="transform:rotate(60deg)"/></g><path class="gl" d="M16 7.5a7.5 7.5 0 0 0-4.2 13.7c.8.6 1.2 1.4 1.2 2.3V24h6v-.5c0-.9.4-1.7 1.2-2.3A7.5 7.5 0 0 0 16 7.5z"/><path class="ft" d="M14 18.5l2 1.5 2-1.5"/><path class="bs" d="M13 26.3h6M14 28.6h4"/></svg></span>Lumière du salon</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 Cases à cocher
Voir tout : Cases à cocherOù l’utiliser
Les tableaux de bord domotiques, les outils de réservation de salles et les réglages de mode concentration ont tous une lumière allumée ou éteinte, et cette case le rend littéral. L'ampoule se remplit de la couleur principale, le filament devient blanc, cinq petits rayons jaillissent au-dessus et le fond brille doucement de la couleur secondaire.
C'est une case à cocher classique, une liste de pièces ou de lampes peut donc en utiliser une par ligne et s'envoyer comme un formulaire normal. Les jaunes chauds évoquent une vraie lumière, un blanc froid convient aux fonctions de productivité.