Table

Data grids with monospaced headers, tight grid borders, and muted rows that match analytics panels in the PoC.

Region status table

Edge latency snapshot
Table container keeps the same hard-edged surface as other registry components.
RegionStatusLatency
TokyoHealthy128 ms
SingaporeUpdating164 ms
FrankfurtHealthy142 ms
OregonWarning210 ms
Last sync 4 minutes ago.

Installation

pnpm dlx shadcn@latest add @omni/table

Usage

import {
  Table,
  TableBody,
  TableCell,
  TableHead,
  TableHeader,
  TableRow,
} from "@/components/ui/table"
<Table>
  <TableHeader>
    <TableRow>
      <TableHead>Region</TableHead>
      <TableHead>Status</TableHead>
    </TableRow>
  </TableHeader>
  <TableBody>
    <TableRow>
      <TableCell>Tokyo</TableCell>
      <TableCell>Healthy</TableCell>
    </TableRow>
  </TableBody>
</Table>