Navegação

Orbit Pointer Nav

Um anel de navegação circular onde um ponteiro central gira para apontar para qualquer botão de seção que esteja ativo e os botões se expandem em comprimidos rotulados na seleção.

Como usar Orbit Pointer Nav

Um anel de navegação circular onde um ponteiro central gira para apontar para qualquer botão de seção que esteja ativo e os botões se expandem em comprimidos rotulados na seleção.

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: size, accent, buttonSize, labelMaxWidth

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

1528Dock menuNavegaçãoUm encaixe inferior cujos ícones são dimensionados a partir da distância do ponteiro, com um rótulo acima do ícone sob o cursor e um ponto abaixo do ativo.

2008Orbit Ring NavNavegaçãoUm anel circular de botões de navegação com um ponteiro giratório que se ajusta ao item ativo e botões que se expandem em comprimidos rotulados ao passar o mouse.

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.