Größenauswahl für Kleidung
Runde Größen-Buttons, die sich federnd füllen. Ausverkaufte Größen sind durchgestrichen und nicht wählbar.
Einstellungen
Code
<div class="uv-fsz"><div class="tt">Größe</div><div class="rw"><button class="">XS</button><button class="">S</button><button class="on">M</button><button class="">L</button><button class=" off" disabled>XL</button></div><div class="gs">Größentabelle</div></div>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 Filter
Wofür du ihn nutzen kannst
Jeder Mode- oder Sneaker-Shop braucht so etwas auf der Produktseite. Die gewählte Größe füllt sich mit Farbe und federt kurz, eine ausverkaufte bleibt sichtbar, aber durchgestrichen. Das ist ehrlicher, als sie zu verstecken. Darunter führt ein Link zur Größentabelle. Genau das meinen die meisten, wenn sie eine Größenauswahl für den Onlineshop suchen.
Kreise passen zu Buchstabengrößen von XS bis XL. Schuhgrößen mit halben Nummern wie 42,5 brauchen breitere Pillen. Halte die Größentabelle in der Nähe, sie senkt die Zahl der Retouren ganz nebenbei.