Table

Import: import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from "@ascend/ui/table"

Demo

Contrato

• Use variant="contained" para associar título, filtros, seleção ou paginação a uma coleção. A moldura é única, de baixo contraste, com hairline, raio moderado e sem sombra.
• Use variant="plain" quando a tabela já estiver em um plano contido. Não duplique a moldura com um Card externo.
• density="comfortable" mantém a altura padrão (h-10 no header e py-2.5 nas células). density="compact" reduz o ritmo para coleções de revisão frequente (h-8 e py-2).
• className fica na <table>. Use containerClassName para controlar o wrapper, inclusive visibilidade responsiva.
• Cabeçalhos e texto ficam alinhados à esquerda por padrão. Valores numéricos ficam à direita, com tabular-nums e whitespace-nowrap; ações ficam à direita e sem quebra.
• Header overline (11px / tracking) e hover muted/50 são parte do primitivo.