Navigation

Hover duplicate text nav

Eine vertikale Navigationsliste verschiebt jedes Etikett beim Schweben nach oben und von oben weg, während ein doppeltes Etikett von unten eingeschoben wird, um seinen Platz einzunehmen.

Hover duplicate text nav verwenden

Eine vertikale Navigationsliste verschiebt jedes Etikett beim Schweben nach oben und von oben weg, während ein doppeltes Etikett von unten eingeschoben wird, um seinen Platz einzunehmen.

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: items, accent, durationMs, showIndex

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

2366Hover slide nav labelsNavigationEine vertikale Navigationsliste, bei der durch Bewegen des Mauszeigers oder Fokussierens einer Beschriftung eine Duplikatkopie nach oben in die Ansicht geschoben wird, während das Original herausgeschoben wird, sodass die Beschriftung sich scheinbar selbst aktualisiert.

2106Adjacent hover menubarNavigationEine Menüleiste im Desktop-Stil, in der durch Klicken auf ein Menü dieses geöffnet wird. Sobald Sie den Mauszeiger über ein benachbartes Menü bewegen, wird dieses ohne zusätzlichen Klick direkt dorthin weitergeleitet.

2107App MenubarNavigationEine horizontale Menüleiste im Desktop-Stil, in der durch Klicken auf eine Beschriftung der obersten Ebene deren Dropdown-Liste geöffnet wird. Sobald eine geöffnet ist, wechselt der Mauszeiger über die anderen Beschriftungen direkt zu deren Menüs, ohne dass ein zusätzlicher Klick erforderlich ist.

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.

2111Auto-Hide Nav BarNavigationEine klebrige obere Leiste, die nach oben aus dem Blickfeld gleitet, wenn der Besucher nach unten scrollt, und wieder hineingleitet, sobald er nach oben scrollt.