Bande de modes d'appareil photo
La bande de modes de l'appareil photo du téléphone : le mode choisi se centre en jaune et le viseur change avec lui.
Réglages
Code
<fieldset class="uvq04-cam"><legend>Mode photo</legend><div class="ph"><div class="vf" aria-hidden="true"><i class="bk"></i><i class="gr"></i><i class="fc"></i><i class="pa"></i><b class="bd"></b></div><div class="md"><div class="tr"><label><input type="radio" name="uvq04-cam"><span>Ralenti</span></label><label><input type="radio" name="uvq04-cam"><span>Vidéo</span></label><label><input type="radio" name="uvq04-cam" checked><span>Photo</span></label><label><input type="radio" name="uvq04-cam"><span>Portrait</span></label><label><input type="radio" name="uvq04-cam"><span>Panoramique</span></label></div></div><span class="sh" aria-hidden="true"><i></i></span></div></fieldset>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 Boutons radio
Voir tout : Boutons radioOù l’utiliser
Inspiré de l'appli photo d'un téléphone, ce groupe de boutons radio aligne cinq modes sous un petit viseur. Le mot choisi glisse au centre en jaune, le déclencheur passe au rouge pour la vidéo, un badge affiche la cadence ou l'ouverture et le mode portrait floute les bords. Il convient aux outils photo, aux applis créatives et aux choix de format.
Le jaune vient de la couleur principale et le rouge d'enregistrement de la secondaire. Chaque mode a une largeur fixe : garde un ou deux mots courts. Les flèches du clavier parcourent la bande comme n'importe quel groupe radio natif.