Navigation

View mode toggle switch

Ein Schalter mit zwei Zuständen, der eine Ansicht zwischen zwei benannten Modi umschaltet, mit einem verschiebbaren Daumen, der bei Druck kleiner wird und ein kleines Symbol darin austauscht.

142 items

View mode toggle switch verwenden

Ein Schalter mit zwei Zuständen, der eine Ansicht zwischen zwei benannten Modi umschaltet, mit einem verschiebbaren Daumen, der bei Druck kleiner wird und ein kleines Symbol darin austauscht.

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: checked, onLabel, offLabel, accent

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?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

2309Bubble burst menuNavigationEine schwebende Logo-Pille und ein Umschalter, die sich zu einer bildschirmfüllenden Überlagerung übergroßer Pillen-Links erweitern, die jeweils mit einer federnden Staffelung an ihren Platz platzen.

2318Circle reveal sidebarNavigationEin Menüfeld, das sich als Kreis öffnet, der aus seinem eigenen Umschalter herauswächst, wobei Zeilen nacheinander auftauchen und die Umschaltleisten sich zu einem Kreuz falten.

2399Panel Tab SwitcherNavigationEine abgerundete Tab-Leiste, in der sich ein Hintergrundindikator an die exakte Größe und Position des aktiven Tabs anpasst und einen deutlichen Inhaltsbereich darunter freigibt.

1537Pill tabsNavigationEin Tab-Strip, in dem ein einzelnes Tablet auf den ausgewählten Tab gleitet und sich dort ausdehnt, mit Pfeil, Navigationstasten „Pos1“ und „Ende“ und einem Bedienfeld zum Überblenden.

2106Adjacent hover menubarNavigationEine Menüleiste im Desktop-Stil, in der durch Klicken auf ein Menü dieses geöffnet wird. Sobald Sie den Mauszeiger über ein benachbartes Menü bewegen, wird dieses ohne zusätzlichen Klick direkt dorthin weitergeleitet.

2107App MenubarNavigationEine horizontale Menüleiste im Desktop-Stil, in der durch Klicken auf eine Beschriftung der obersten Ebene deren Dropdown-Liste geöffnet wird. Sobald eine geöffnet ist, wechselt der Mauszeiger über die anderen Beschriftungen direkt zu deren Menüs, ohne dass ein zusätzlicher Klick erforderlich ist.