Aspyn

Table

Data table primitives with semantic markup.

shadcn/ui · new-york-v4 · synced Aug 28, 2026shadcn/uinew-york-v4 · synced Aug 28, 2026
SourceMarkdown

Installation

import {
  Table,
  TableHeader,
  TableBody,
  TableRow,
  TableHead,
  TableCell,
  TableCaption,
} from "@aspyn-io/kit";

Data table from an API response

Semantic table primitives: bring your own data fetching and state. Statuses map to Badge variants.

Recent invoices for this workspace.
InvoiceStatusAmount
INV-001paid$250.00
INV-002pending$150.00
INV-003overdue$550.00

Row actions

A per-row kebab menu keeps destructive and secondary actions out of the way until needed.

InvoiceActions
INV-001
INV-002
INV-003

Notes

  • The wrapper div provides horizontal overflow scrolling on small screens automatically.
  • For sorting/filtering/pagination, pair with TanStack Table: these primitives are the render layer.