Tabs
Segmenta seções de uma tela ou documento sem trocar de rota — Dados, Itens, Histórico.
Componente base do Nuxt UI (
UTabs), ainda não internalizado no EletroDS — confira o comportamento antes de usar no ME.As Tabs quebram uma tela densa em seções dentro da mesma rota — típico do documento (Dados gerais · Itens · Histórico) ou de um detalhe. Use quando o conteúdo é do mesmo registro e cabe num único contexto; para navegar entre telas, use a navegação global, não tabs.
Variantes
| Quero… | Use |
|---|---|
| Abas de documento (sublinhado) | variant underline (padrão no ME) |
| Segmento compacto (pills) | variant="pill" |
| Empilhar na vertical | orientation="vertical" |
Estados
| Estado | Comportamento |
|---|---|
| Ativa | Sublinhado/realce primário; painel correspondente visível. |
| Hover | Realce sutil. |
disabled | Aba inerte (seção indisponível no status atual). |
No código
UTabs — doc técnica em ui.nuxt.com/docs/components/tabs.
Acessibilidade
Estrutura tablist / tab / tabpanel; navegação por setas do teclado; o painel é associado à aba (aria-controls). A aba ativa precisa ser perceptível além da cor.