Navegação

Syntax Tab Switcher

Uma linha de guias rotuladas acima de um painel de código realçado pela sintaxe, com um destaque deslizante sob a guia ativa e um botão de cópia com um clique.

# install the package

npm install orbit-kit --save-exact

# start the dev server

npm run dev

Como usar Syntax Tab Switcher

Uma linha de guias rotuladas acima de um painel de código realçado pela sintaxe, com um destaque deslizante sob a guia ativa e um botão de cópia com um clique.

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, defaultTab, showCopyButton

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

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.

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.

1928Card blur tabsNavegaçãoGuias emolduradas em um cartão com borda cujo conteúdo fica brevemente desfocado e desbotado quando você alterna os painéis, com um comprimido deslizante atrás do rótulo da guia ativa.

2354Filterable action listNavegaçãoUma caixa de pesquisa emparelhada com uma lista filtrada em tempo real de ações agrupadas em rótulos, destacando a primeira correspondência e mostrando um estado vazio quando nada se ajusta à consulta.