Navegação

Hover duplicate text nav

Uma lista de navegação vertical desliza cada rótulo para cima e para fora do topo ao passar o mouse, enquanto um rótulo duplicado desliza de baixo para ocupar seu lugar.

Como usar Hover duplicate text nav

Uma lista de navegação vertical desliza cada rótulo para cima e para fora do topo ao passar o mouse, enquanto um rótulo duplicado desliza de baixo para ocupar seu lugar.

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

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

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.

2106Adjacent hover menubarNavegaçãoUma barra de menu estilo desktop onde clicar em um menu o abre e, uma vez aberto, passar o mouse sobre qualquer menu adjacente muda diretamente para aquele sem um clique extra.

2107App MenubarNavegaçãoUma barra de menu horizontal no estilo desktop, onde clicar em um rótulo de nível superior abre seu menu suspenso e, uma vez aberto, passar o mouse sobre os outros rótulos muda diretamente para seus menus sem um clique extra.

1914ARIA Tablist ResizeNavegaçãoUma lista de guias itinerantes totalmente acessível com um destaque de pílula deslizante, onde a moldura do painel é redimensionada suavemente para qualquer conteúdo da guia que esteja sendo exibido.

1916Auto height tabsNavegaçãoUm grupo de guias cujo contêiner de conteúdo redimensiona suavemente sua altura para caber em cada painel conforme você alterna entre guias, em vez de pular ou deixar espaço vazio.

2111Auto-Hide Nav BarNavegaçãoUma barra superior fixa que desliza para fora da vista conforme o visitante rola para baixo e desliza de volta assim que rola para cima.