Navigation

Pill tabs

Ein 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.

Edge fleet

Last 14 days

1.94M+11.3%

Requests served since Monday, across 14 edge regions.

Pill tabs verwenden

Ein 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.

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: accent, size, tabCount

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

2195Morphing tab panelNavigationEin kleines Bedienfeld mit Registerkarten, in dem die aktive Unterstreichung zwischen den Registerkarten gleitet und die großen Glyphen des Bedienfelds sich übereinander bewegen, anstatt sich zu vertauschen, sodass die beiden Ansichten zusammenhängend wirken.

1981Icon label tabsNavigationEine Reihe von Symbol- und Beschriftungs-Tab-Chips mit einer verschiebbaren Hervorhebung, wobei das Feld darunter in Richtung des ausgewählten Tabs verschoben wird.

2194Morphing Pill NavbarNavigationEine Reihe von Navigationsbeschriftungen in einer dunklen Pille, wobei die aktive Beschriftung in ihre eigene gefüllte Pille aufbricht und die verbleibenden Beschriftungen sich zu einer zweiten Pille zusammenschließen, die um sie herum neu fließt.

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.

2212Quick launch paletteNavigationEine über die Tastatur ausgelöste Befehlspalette, die mit einem Federdruck geöffnet wird, während der Eingabe eine gruppierte Aktionsliste filtert und die vollständige Pfeiltastennavigation unterstützt.

2026Roving focus tabsNavigationEine auf der Tastatur zuerst angezeigte Tab-Liste, die auf einer wechselnden Tab-Reihenfolge basiert, wobei immer nur der aktive oder fokussierte Tab per Tab erreichbar ist und eine dünne Markierung den aktuellen Tab verfolgt.