Navegação

Panel Tab Switcher

Uma barra de guias arredondada onde um indicador de fundo se transforma no tamanho e posição exatos da guia ativa, revelando um painel de conteúdo distinto abaixo dela.

Sprint 14 overview

Velocity climbed to 38 points, up from 34 last cycle. Both blockers from the mid-sprint review are resolved.

Velocity38 pts

Como usar Panel Tab Switcher

Uma barra de guias arredondada onde um indicador de fundo se transforma no tamanho e posição exatos da guia ativa, revelando um painel de conteúdo distinto abaixo dela.

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: accentColor, variant, tabCount

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

1537Pill tabsNavegaçãoUma faixa de guias onde um único comprimido desliza e se estende até a guia selecionada, com seta, teclas de navegação Home e End e um painel que faz crossfades.

2235Sliding segment tabsNavegaçãoUm controle segmentado em forma de pílula cujo indicador de fundo desliza abaixo do rótulo ativo enquanto o painel abaixo desliza na direção do deslocamento.

2046Sliding Selection HighlightNavegaçãoUm chip de fundo flutuante compartilhado que desliza de um item para outro dentro de uma linha de opções, rastreando qualquer item que seja pairado ou clicado.

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.

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.