Navegação

Sliding height tabs

Guias emolduradas em um cartão onde a troca de painéis desliza toda a trilha de conteúdo lateralmente como uma tira de filme enquanto a altura do cartão diminui para combinar com o novo painel.

Full nameEmail

Como usar Sliding height tabs

Guias emolduradas em um cartão onde a troca de painéis desliza toda a trilha de conteúdo lateralmente como uma tira de filme enquanto a altura do cartão diminui para combinar com o novo painel.

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: tabOneLabel, tabTwoLabel, accent

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

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.

2077Underline tabsNavegaçãoUma linha de guias de seção com uma barra colorida que desliza e é redimensionada abaixo do rótulo ativo em vez de um plano de fundo preenchido.

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.

2194Morphing Pill NavbarNavegaçãoUma fileira de rótulos de navegação em uma pílula escura onde o rótulo ativo se divide em sua própria pílula preenchida e os rótulos restantes se reagrupam em uma segunda pílula que reflui em torno dela.

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.

2072Two-Mode Resize TabsNavegaçãoUma barra de guias com um destaque de pílula de transformação cujo quadro de conteúdo pode crescer para se ajustar à altura natural de cada painel ou redimensionar como uma caixa animada, escolhida por uma chave de modo.