Menu de tri avec flèche
Choisissez le critère de tri, puis touchez la flèche pour passer de l’ordre croissant au décroissant.
Réglages
Code
<div class="uv-fso"><button class="tg"><i class="ar"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M6 13l6 6 6-6"/></svg></i><b>Plus récents</b></button><div class="mn"><button style="--i:0">Plus récents</button><button style="--i:1">Prix</button><button style="--i:2">Note</button><button style="--i:3">Nom</button></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
Tout catalogue en a besoin. Imaginez une cave en ligne où l’on trie par prix, note ou nouveautés, puis on inverse la flèche pour voir d’abord les bouteilles les moins chères ou les plus chères. Séparer le critère du sens garde la liste d’options courte. Si vous cherchez un menu « trier par » pour votre boutique, le voici.
Affichez clairement le choix en cours, par exemple « Prix » avec la flèche à côté, pour qu’on sache comment la liste est rangée. Placez-le juste au-dessus de la grille de produits, près du nombre de résultats, là où le regard se pose déjà.