Navegação

Scaling dot carousel

Um carrossel de slides cujo cartão ativo fica em escala completa enquanto seus vizinhos encolhem ligeiramente, emparelhado com indicadores de pontos que se ampliam em comprimidos rotulados.

Alpine Traverse

Ridge trails above the treeline, mapped for a two-day crossing.

Coastal Fog

Tide pools and cliffside paths hidden until the fog lifts.

Dune Fields

Shifting sand ridges best walked at first light.

Glacier Blue

Meltwater channels carve new routes into the ice each season.

Canyon Light

Afternoon sun turns the sandstone walls amber.

Northern Lights

Clear nights above 65 degrees, best viewed off the grid.

Como usar Scaling dot carousel

Um carrossel de slides cujo cartão ativo fica em escala completa enquanto seus vizinhos encolhem ligeiramente, emparelhado com indicadores de pontos que se ampliam em comprimidos rotulados.

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: loop, accentColor, slideCount

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 e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

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.

1920Bare Sliding Tab StripNavegaçãoUma faixa de abas unstyled-by-default cujos painéis ficam lado a lado em uma tira de filme que desliza lateralmente no switch enquanto a altura do quadro se ajusta facilmente.