Largo de la falda
HTML + CSSRadiobuttons

Rocklänge an der Schneiderpuppe

Eine Schneiderpuppe mit ausgestelltem Rock: Jede Option sitzt auf Höhe ihres Saums, und der Rock wächst oder schrumpft bis dorthin.

Einstellungen

16px
1x

Code

<fieldset class="uvq04-hem"><legend>Rocklänge</legend><div class="st"><div class="fm" aria-hidden="true"><i class="nk"></i><i class="pl"></i><i class="bs"></i><i class="ts"></i><i class="sk"></i><i class="hm"></i></div><div class="op"><label style="--h:2.2em"><input type="radio" name="uvq04-hem"><span>Mini</span></label><label style="--h:3.8em"><input type="radio" name="uvq04-hem"><span>Knielang</span></label><label style="--h:5.4em"><input type="radio" name="uvq04-hem" checked><span>Midi</span></label><label style="--h:7em"><input type="radio" name="uvq04-hem"><span>Maxi</span></label></div></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.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Radiobuttons

Alle ansehen: Radiobuttons

Wofür du ihn nutzen kannst

Eine Schneiderpuppe aus Leinen auf einem Holzständer trägt einen A-Linien-Rock, und die vier Längen Mini, Knie, Midi und Maxi stehen mit gepunkteten Hilfslinien genau auf Höhe ihres Saums. Die Wahl lässt den Rock mit leichtem Schwingen wachsen oder kürzer werden, während eine Kreidelinie mit zwei Stecknadeln dem Saum folgt. Gut für Modekonfiguratoren, Maßanfertigung und Nähkurse.

Die Hauptfarbe ist der Rockstoff, die Zweitfarbe das Leinen der Puppe. Die Längen sind einfache em-Werte im Style jeder Beschriftung, passe sie an dein Kleidungsstück an und halte die Namen kurz.