Vertikales Segmented Control
Untereinander angeordnete Optionen für Desktop-Seitenleisten, mit einem Indikator, der nach oben und unten gleitet.
Einstellungen
Code
<div class="uv-fsv"><span class="p"></span><button class="on">Übersicht</button><button>Design</button><button>Code</button><button>Einstellungen</button></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
Denk an die Einstellungsseite einer Web-App: Übersicht, Abrechnung, Team und Benachrichtigungen links untereinander, rechts wechselt der Inhalt. Der gleitende Block zeigt, wo man gerade ist, ohne schweres Menü. Auch für Kapitel einer Dokumentation oder den Kundenbereich eines kleinen Shops geeignet. Gesucht wird so etwas meist als vertikale Tabs oder Sidebar-Navigation mit CSS.
Bleib bei fünf oder sechs Einträgen und gib dem Element eine feste Breite, damit der Indikator bei unterschiedlich langen Texten nicht springt. Auf dem Handy nimmt eine vertikale Liste viel Platz weg, dort sind horizontale Chips oder ein Dropdown besser.