Bouton d'alimentation
Un bouton rond avec l'icône marche qui s'enfonce pendant qu'un anneau de lumière se dessine autour.
Réglages
Code
<label class="uv-tpw"><input type="checkbox" role="switch"><span class="bt"><i class="rg"></i><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" aria-hidden="true"><path d="M12 3.5v8"/><path d="M7.2 6.6a7 7 0 1 0 9.6 0"/></svg></span>Allumer le purificateur</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
Voir tout : InterrupteursOù l’utiliser
Certains interrupteurs méritent de ressembler à un appareil. Celui-ci est un disque néomorphique doux avec le symbole universel de mise en marche : à l'activation, il s'enfonce dans la surface, l'icône s'illumine et un anneau coloré parcourt le bord grâce à un dégradé conique animé. Idéal pour les purificateurs d'air, les prises connectées, les serveurs et les lecteurs multimédias.
L'anneau utilise une propriété CSS enregistrée pour animer l'angle en douceur dans les deux sens. La surface s'adapte au mode clair et sombre, et le libellé à côté explique ce qui s'allume.