Navigation

Sliding Selection Highlight

Ein gemeinsamer schwebender Hintergrundchip, der innerhalb einer Reihe von Optionen von einem Element zum anderen gleitet und verfolgt, welches Element mit der Maus bewegt oder angeklickt wird.

Click a label to move the highlight

Sliding Selection Highlight verwenden

Ein gemeinsamer schwebender Hintergrundchip, der innerhalb einer Reihe von Optionen von einem Element zum anderen gleitet und verfolgt, welches Element mit der Maus bewegt oder angeklickt wird.

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: mode, accent, exitDelay

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

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.

2235Sliding segment tabsNavigationEin pillenförmiges, segmentiertes Steuerelement, dessen Hintergrundanzeige unter der aktiven Beschriftung gleitet, während das Feld darunter aus der Fahrtrichtung hineingleitet.

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.