Navigation

Roving focus tabs

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

142 signals tracked across 6 regions.

Latency held under 80 ms for the last 24 hours.

Roving focus tabs verwenden

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: accentColor, defaultTab, markerThickness

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

1914ARIA Tablist ResizeNavigationEine vollständig zugängliche Roving-Tabindex-Tab-Liste mit einer gleitenden Pillen-Hervorhebung, bei der sich die Größe des Bedienfeldrahmens nahtlos an den angezeigten Tab-Inhalt anpasst.

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.

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.

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.

1916Auto height tabsNavigationEine Registerkartengruppe, deren Inhaltscontainer beim Wechseln der Registerkarten die Höhe stufenlos an die Größe jedes Panels anpasst, anstatt zu springen oder leeren Raum zu hinterlassen.

1920Bare Sliding Tab StripNavigationEine standardmäßig nicht gestylte Laschenleiste, deren Panels nebeneinander auf einem Filmstreifen sitzen, der auf Knopfdruck seitlich verschiebbar ist und sich gleichzeitig an die Höhe des Rahmens anpasst.