Tabs
Navegação por abas para alternar entre conteúdos relacionados.
Uso básico
Informações gerais do imóvel, incluindo dados básicos e status atual.
Variantes
Três estilos para superfícies diferentes — `default` (segmentado, sobre fundos esmaecidos), `line` (sublinhado, sobre fundos planos), `pill` (arredondado, sobre cards com borda).
Default
Linha
Pílula
Tamanhos
`default` acompanha controles padrão (h-10); `sm` é para contextos densos (h-8); `xs` alinha com toggles compactos de toolbar (h-6, mesma escala do Button xs).
Default (h-10)
Pequeno (h-8)
Extra pequeno (h-6)
Com conteúdo rico
NomeEdificio Aurora
EndereçoRua das Flores, 123
TipoResidencial
Unidades48
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | — | Aba ativa |
| onValueChange | (v: string) => void | — | Troca de aba |
Composição completa, exemplos e detalhes no shadcn: shadcn/ui — Tabs (Radix)