Navigation

Sliding highlight tabs

Eine zugängliche Tab-Liste, bei der ein abgerundeter Hervorhebungsblock unter der aktiven Beschriftung gleitet, während sich die Auswahl zwischen den Tabs bewegt, und darunter ein entsprechendes Inhaltsfeld freigibt.

Active sessions: 1,284
Requests / min: 2.4k
Uptime: 99.98%

Sliding highlight 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, fullWidth

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.

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.

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.

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.