Navigation

Segmented Choice Switch

Ein abgerundeter Pillenschalter, bei dem genau eine Option aktiv ist und eine verschiebbare Markierung unter der ausgewählten Option gleitet.

Segmented Choice Switch verwenden

Ein abgerundeter Pillenschalter, bei dem genau eine Option aktiv ist und eine verschiebbare Markierung unter der ausgewählten Option gleitet.

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: size, optionOne, optionTwo, optionThree, highlightColor

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

2226Segmented toggle tabsNavigationEine kompakte, pillenförmige segmentierte Steuerung zum Umschalten zwischen einer kleinen Anzahl kurzer Optionen, wobei ein gefüllter Block zu dem ausgewählten Segment gleitet.

2044Sliding Panel TabsNavigationZwei Registerkarten in einer abgerundeten Pillenspur mit einer Hervorhebung, die dazwischen gleitet und ein darunter liegendes Bedienfeld im Einstellungsstil überblendet, ohne dass es zu einem Layoutsprung kommt.

1963Flyout Menu HighlightNavigationEin Dropdown-Menü, dessen Elemente sich unter einem Hervorhebungsfeld befinden, das von einer schwebenden oder fokussierten Zeile zur nächsten gleitet, mit einem verschachtelten Untermenü, das zur Seite hinausfliegt.

2361Grouped icon toolbarNavigationEine kompakte horizontale Symbolleiste, die Symbolschaltflächen in Gruppen gruppiert, die durch dünne Trennzeichen unterteilt sind, für schnelle Aktionen im Formatierungsstil.

1986Keyboard pill tabsNavigationEin Zwei-Tab-Umschalter mit einer Pillenmarkierung, die zwischen Beschriftungen gleitet, und vollständiger Tastaturnavigation mit beweglichem Fokus zwischen den Tabs.

2428Shared-Layout Tab SwitchNavigationEine Reihe von Tabs mit reinem Text, bei denen ein einfarbiger Pillenhintergrund verschiebbar ist und dessen Größe mithilfe einer federgesteuerten Bewegung im gemeinsamen Layout an die ausgewählte Registerkarte angepasst wird.