Displaysrc/components/ui/table.tsx
Table
Displays tabular data with shadcn-compatible styling.
Preview
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | Credit Card | $250.00 |
| INV002 | Pending | PayPal | $150.00 |
| INV003 | Unpaid | Bank Transfer | $350.00 |
| INV004 | Paid | Credit Card | $450.00 |
| INV005 | Paid | PayPal | $550.00 |
| INV006 | Pending | Bank Transfer | $200.00 |
| INV007 | Unpaid | Credit Card | $300.00 |
| Total | $2,500.00 | ||
Installation
Copy the component source into your project with `degit`. This port is intentionally not distributed as an npm package.
bunx degit https://github.com/LiasCode/shadcn-preact/src/components/ui#main ./src/components/uiUsage
import { Table } from "@/components/ui/table"
export function Example() {
return <Table>Table</Table>
}API Reference
ExportPurpose
TableComposable part exported by `@/components/ui/table`.