Navigation

ARIA Tablist Resize

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

PlanPro

RenewsOct 12, 2026

Payment methodVisa •••• 4412

ARIA Tablist Resize verwenden

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

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: resizeMode, tabOneLabel, tabTwoLabel, accent

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, 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

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.

2043Sliding highlight tabsNavigationEine 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.

2072Two-Mode Resize TabsNavigationEine Tab-Leiste mit einer Morphing-Pill-Hervorhebung, deren Inhaltsrahmen entweder vergrößert werden kann, um sich der natürlichen Höhe jedes Panels anzupassen, oder die Größe als ein animiertes Feld ändern kann, ausgewählt durch einen Modusschalter.

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.