Modusleiste einer Handykamera
Die Modusleiste der Handykamera: Der gewählte Modus rückt gelb in die Mitte, und der Sucher verändert sich mit ihm.
Einstellungen
Code
<fieldset class="uvq04-cam"><legend>Kameramodus</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>Zeitlupe</span></label><label><input type="radio" name="uvq04-cam"><span>Video</span></label><label><input type="radio" name="uvq04-cam" checked><span>Foto</span></label><label><input type="radio" name="uvq04-cam"><span>Porträt</span></label><label><input type="radio" name="uvq04-cam"><span>Panorama</span></label></div></div><span class="sh" aria-hidden="true"><i></i></span></div></fieldset>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Radiobuttons
Alle ansehen: RadiobuttonsWofür du ihn nutzen kannst
Nach dem Vorbild der Kamera-App eines Smartphones reiht diese Radiogruppe fünf Modi unter einem kleinen Sucher auf. Das gewählte Wort gleitet gelb in die Mitte, der Auslöser wird bei Videomodi rot, ein Badge zeigt Bildrate oder Blende, und der Porträtmodus macht die Ränder unscharf. Passend für Foto-Tools, Kreativ-Apps und Formatauswahlen.
Das Gelb kommt aus der Hauptfarbe, das Aufnahmerot aus der Zweitfarbe. Jeder Modus hat eine feste Breite, nutze also ein oder zwei kurze Wörter; die Pfeiltasten wandern wie in jeder nativen Radiogruppe durch die Leiste.