Components
Table
A responsive table component.
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | Credit Card | $250.00 |
| INV002 | Pending | PayPal | $150.00 |
| INV003 | Unpaid | Bank Transfer | $350.00 |
| Total | $750.00 | ||
Installation
import { ... } from 'nooxit-design-system/components/table';Notes
Header cells are 48px with text-sm/leading-6 medium muted labels. Row
height comes from size on <Table>: sm 56px (the default), md 76px and
lg 96px, matching the three densities in the kit.
Rows hover to bg-muted-50 and the footer sits on bg-muted-50, hovering to
bg-muted.
Source — src/components/table.tsx
Figma — Table in the Nooxit UI kit