Navegação

Auto-Hide Nav Bar

Uma barra superior fixa que desliza para fora da vista conforme o visitante rola para baixo e desliza de volta assim que rola para cima.

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.

Como usar Auto-Hide Nav Bar

Uma barra superior fixa que desliza para fora da vista conforme o visitante rola para baixo e desliza de volta assim que rola para cima.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: hideThreshold, accentColor, transitionMs, blurBackground

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões, a instalação e o painel de propriedades estão incluídos no Fieldbook Pro. A prévia interativa está aberta para todos.

Conecte seu agente

Componentes relacionados

2318Circle reveal sidebarNavegaçãoUm painel de menu que se abre como um círculo crescendo a partir de sua própria alternância, com linhas surgindo em sequência e as barras de alternância dobrando-se em uma cruz.

2309Bubble burst menuNavegaçãoUma pílula com logotipo flutuante e um botão que se expande em uma sobreposição em tela inteira de links de pílulas grandes, cada um se encaixando com um movimento elástico.

2162Grouped magnify dockNavegaçãoUm encaixe inferior de botões de ícones redondos divididos em dois grupos que crescem à medida que o ponteiro se aproxima de cada um.

2366Hover slide nav labelsNavegaçãoUma lista de navegação vertical onde passar o mouse ou focar um rótulo desliza uma cópia duplicada para exibição enquanto o original desliza para fora, para que o rótulo pareça se atualizar.

2188Magnifying icon dockNavegaçãoUma linha de ícones de aplicativos em uma barra translúcida que aumenta à medida que o ponteiro se aproxima de cada um deles, voltando ao tamanho normal quando o ponteiro sai.

2386Mega nav menuNavegaçãoUma barra de navegação horizontal superior cujos acionadores abrem menus suspensos ou megapainéis compartilhando uma janela de visualização animada que é redimensionada para caber no conteúdo de cada painel.