A members data table with search, sortable name, role and joined columns, row and page checkboxes, status badges, per-row action menus and pagination at six rows a page. Columns hide on narrow screens.
The source comes with full access.
One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.
pnpm dlx shadcn add @01orbital/data-tablenpx shadcn add @01orbital/data-tableyarn shadcn add @01orbital/data-tablebunx --bun shadcn add @01orbital/data-tablePart of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).
It lands at components/blocks/app/data-table/index.tsx, as source you own and edit.
import DataTable from "@/components/blocks/app/data-table"
export default function Example() {
return <DataTable />
}npm: @phosphor-icons/react. The CLI installs them for you.
Registry pieces it installs with it:
badgebuttoncardcheckboxdropdown-menuinput-grouppaginationtableContact List Card
A single card listing four on-call contacts as rows with a greyscale Cloud shape avatar, name, title and an outline Email button. Rows are divided by hairlines under a header and description.
Date Picker
A card holding a Date Range Picker: a labelled trigger that opens a two-month range calendar in a popover, preset to a 20-day span. Uses date-fns to build the default range.