Navigation

Vertical rail tabs

Am linken Rand verläuft eine vertikale Spalte mit Abschnittsregisterkarten, deren Inhalte rechts angezeigt werden. Dort gleitet ein Markierungsblock entlang der Schiene nach oben und unten, um den aktiven Abschnitt zu verfolgen.

General

Workspace nameNorthwind Studio

Display namePriya Shah

LanguageEnglish (US)

Time zoneGMT-5 Eastern

Vertical rail 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, railWidth, defaultSection

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.

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.

1928Card blur tabsNavigationTabs, eingerahmt von einer umrandeten Karte, deren Inhalt kurzzeitig verschwimmt und überblendet, wenn Sie zwischen den Panels wechseln, mit einer verschiebbaren Pille hinter der aktiven Tab-Beschriftung.

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.

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