Navigation

Auto-Hide Nav Bar

Une barre supérieure collante qui glisse hors de vue lorsque le visiteur fait défiler vers le bas et revient dès qu'il fait défiler vers le haut.

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.

Utiliser Auto-Hide Nav Bar

Une barre supérieure collante qui glisse hors de vue lorsque le visiteur fait défiler vers le bas et revient dès qu'il fait défiler vers le haut.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: hideThreshold, accentColor, transitionMs, blurBackground

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

2318Circle reveal sidebarNavigationUn panneau de menu qui s'ouvre sous la forme d'un cercle s'élevant à partir de sa propre bascule, avec des lignes apparaissant en séquence et les barres de bascule se repliant en croix.

2309Bubble burst menuNavigationUne pilule à logo flottant et une bascule qui se transforment en une superposition plein écran de liens de pilule surdimensionnés, chacun se mettant en place avec un décalage élastique.

2162Grouped magnify dockNavigationUn dock inférieur composé de boutons d'icônes ronds divisés en deux groupes qui s'agrandissent à mesure que le pointeur se rapproche de chacun.

2366Hover slide nav labelsNavigationUne liste de navigation verticale dans laquelle le survol ou la mise au point d'une étiquette fait glisser une copie en double vers le haut tandis que l'original glisse, de sorte que l'étiquette semble s'actualiser.

2188Magnifying icon dockNavigationUne rangée d'icônes d'application dans une barre translucide qui s'agrandit à mesure que le pointeur se rapproche de chacune d'elles, revenant à sa taille normale lorsque le pointeur s'éloigne.

2386Mega nav menuNavigationUne barre de navigation supérieure horizontale dont les déclencheurs ouvrent une liste déroulante ou des méga-panneaux partageant une fenêtre animée qui se redimensionne pour s'adapter au contenu de chaque panneau.