Table
A composable, styled HTML table.
A composable, styled HTML table.
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV-001 | Paid | Credit Card | $250.00 |
| INV-002 | Pending | PayPal | $150.00 |
| INV-003 | Unpaid | Bank Transfer | $350.00 |
tsx
import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow,} from "@celestia-project/ui/primitive/table"
<Table> <TableCaption>A list of your recent invoices.</TableCaption> <TableHeader> <TableRow> <TableHead>Invoice</TableHead> <TableHead className="text-right">Amount</TableHead> </TableRow> </TableHeader> <TableBody> <TableRow> <TableCell>INV-001</TableCell> <TableCell className="text-right">$250.00</TableCell> </TableRow> </TableBody></Table>