Table
A structured data display with rows and columns for tabular content.
Default
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | Credit Card | $250.00 |
| INV002 | Pending | PayPal | $150.00 |
| INV003 | Unpaid | Bank Transfer | $350.00 |
Usage
Use tables for structured data that benefits from row-column alignment. For less structured content, consider cards or lists.
Always include TableHeader for accessibility. Use TableCaption for additional context about the table's purpose.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | Additional CSS classes on the table wrapper |
| children | ReactNode | — | TableHeader, TableBody, TableFooter, TableCaption |