Components•Data Table
Components•Data Table
Data Table
A filterable table pattern for scanning records and narrowing operational data.
Dependencies
Copy below cli
npx shadcn add @bjork-ui/primitive-data-tableHow to use
import { BjorkDataTable } from "@/components/isaiahbjork/primitives";Props
classNamestringPass through styling hooks for the Data Table primitive without replacing the base Bjork surface.
childrenReactNodeComposable content, labels, icons, and nested content where the primitive supports them.
...propscomponent propsPass through the normal props for this primitive while the Bjork wrapper handles the visual treatment.
| Account | Status | Value |
|---|---|---|
| Northwind | Active | $12,480 |
| Acme | Queued | $8,140 |
| Linear | Review | $6,920 |
Filterable accounts
Use when table scanning and filtering belong to one compact block.
<BjorkDataTable />