Sortiermenü mit Richtungspfeil
Wähle, wonach sortiert wird, und tippe auf den Pfeil, um zwischen aufsteigend und absteigend zu wechseln.
Einstellungen
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>Neueste</b></button><div class="mn"><button style="--i:0">Neueste</button><button style="--i:1">Preis</button><button style="--i:2">Bewertung</button><button style="--i:3">Name</button></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 Katalog braucht so etwas. Stell dir einen Online-Weinhandel vor, in dem Kunden nach Preis, Bewertung oder Neuheiten sortieren und dann per Pfeil die günstigsten oder teuersten Flaschen zuerst sehen. Weil „wonach“ und „in welche Richtung“ getrennt sind, bleibt die Liste der Optionen kurz. Wer ein „Sortieren nach“-Dropdown für den Shop sucht, ist hier richtig.
Zeig die aktuelle Wahl deutlich an, etwa „Preis“ mit dem Pfeil daneben, damit klar bleibt, wie die Liste sortiert ist. Platziere das Menü direkt über dem Produktraster neben der Trefferzahl, dort schauen die Leute ohnehin hin.