Navigation

Auto-Hide Nav Bar

Eine klebrige obere Leiste, die nach oben aus dem Blickfeld gleitet, wenn der Besucher nach unten scrollt, und wieder hineingleitet, sobald er nach oben scrollt.

Fieldnote

Weekly digest

Scroll down to watch the bar get out of the way, then scroll up even one pixel and it comes right back.

Release notes

Version 3.4 ships faster cold starts, a redesigned settings panel and a lighter mobile bundle.

Usage this month

14,208 requests across 6 projects, up 12% from last month. Peak concurrency stayed under quota.

Team activity

3 new members joined the workspace and 9 pull requests merged since the last sync.

Upcoming maintenance

A short database migration is scheduled for Sunday at 02:00 UTC. Expect a few seconds of latency.

Billing

The workspace is on the Growth plan, renewing October 12. Usage is tracking under the included allowance.

Integrations

Slack and Linear are connected. Add a webhook to forward deploy events to a third channel.

Auto-Hide Nav Bar verwenden

Eine klebrige obere Leiste, die nach oben aus dem Blickfeld gleitet, wenn der Besucher nach unten scrollt, und wieder hineingleitet, sobald er nach oben scrollt.

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: hideThreshold, accentColor, transitionMs, blurBackground

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

2318Circle reveal sidebarNavigationEin Menüfeld, das sich als Kreis öffnet, der aus seinem eigenen Umschalter herauswächst, wobei Zeilen nacheinander auftauchen und die Umschaltleisten sich zu einem Kreuz falten.

2309Bubble burst menuNavigationEine schwebende Logo-Pille und ein Umschalter, die sich zu einer bildschirmfüllenden Überlagerung übergroßer Pillen-Links erweitern, die jeweils mit einer federnden Staffelung an ihren Platz platzen.

2162Grouped magnify dockNavigationEin unteres Dock aus runden Symbolschaltflächen, die in zwei Cluster unterteilt sind, die größer werden, je näher der Zeiger an die einzelnen Cluster herankommt.

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.

2188Magnifying icon dockNavigationEine Reihe von App-Symbolen in einer durchsichtigen Leiste, die größer werden, je näher der Zeiger einem einzelnen Symbol kommt, und wieder auf die normale Größe zurückkehren, wenn der Zeiger weggeht.

2386Mega nav menuNavigationEine horizontale obere Navigationsleiste, deren Auslöser Dropdown- oder Mega-Panels öffnen, die sich ein animiertes Ansichtsfenster teilen, dessen Größe sich an den Inhalt jedes Panels anpasst.