Sélecteur de taille
Des tailles en cercles qui se remplissent avec un rebond ; une taille épuisée est barrée et ne peut pas être choisie.
Réglages
Code
<div class="uv-fsz"><div class="tt">Taille</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">Guide des tailles</div></div>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 Filtres
Où l’utiliser
Toute boutique de vêtements ou de baskets en a besoin sur sa fiche produit. La taille choisie se remplit de couleur avec un petit rebond, et celle en rupture reste visible mais barrée : c’est plus honnête que de la cacher. En dessous, un lien mène au guide des tailles. Autrement dit, un sélecteur de taille pour e-commerce.
Les cercles conviennent aux tailles en lettres, du XS au XL. Les pointures avec des demi-tailles, comme 42,5, demandent des pastilles plus larges. Gardez le guide des tailles tout près : il fait baisser les retours sans bruit.