Componentes — 12
Tabs
Alternância de seções relacionadas com navegação horizontal responsiva e sem quebrar o layout mobile.
12.1
Seções equivalentes
Tabs organizam conteúdo paralelo, como uso, variantes, exemplos ou contratos, mantendo apenas um painel ativo.
Tabs padrão
Use Tabs quando o usuário precisa alternar entre seções equivalentes sem sair do contexto atual.
A lista de abas tem overflow horizontal seguro no mobile e painel único visível por vez.
O componente usa tablist, tab, tabpanel, aria-selected e navegação por setas.
<Tabs
label="Documentação do componente"
items={items}
/>12.2
Contrato
A API trabalha com lista de itens e permite uso controlado quando o consumer precisar persistir estado.
itemsTabItem[]Lista de abas com value, label, content e disabled opcional
labelstringNome acessível do tablist
valuestringAba ativa no modo controlado
defaultValuestringAba ativa inicial no modo não controlado
onValueChangefunctionCallback disparado ao trocar de aba