@multiplatform.one/table-primitives

Semantic, knob-aware table primitives (<Table>, rows, cells) plus the table cell context that lets form fields render chromeless inside cells. Layer 1 only: depends on theme + Tamagui — no forms, no data-table logic.

Install

pnpm add @multiplatform.one/table-primitives

What it owns

• Table compound component — Table.Head, Table.Body, Table.Row, Table.Cell, Table.HeaderCell, Table.Foot, Table.Caption
• TableCellContext / useIsInTableCell() / useTableCellContext() — the signal @multiplatform.one/forms fields use to auto-detect they are inside a cell and drop their chrome

What it must not do

• No data-table features (filtering, sorting, pagination, virtualization) — that is @multiplatform.one/table
• No form fields, no Frappe/API assumptions

Usage

import { Table } from "@multiplatform.one/table-primitives";

export function PeopleTable() {
  return (
    <Table>
      <Table.Head>
        <Table.Row>
          <Table.HeaderCell>Name</Table.HeaderCell>
          <Table.HeaderCell>Role</Table.HeaderCell>
        </Table.Row>
      </Table.Head>
      <Table.Body>
        <Table.Row>
          <Table.Cell>Ada Lovelace</Table.Cell>
          <Table.Cell>Admin</Table.Cell>
        </Table.Row>
      </Table.Body>
    </Table>
  );
}

Styling

Table chrome (borders, padding, radius) resolves through the knobs system in @multiplatform.one/theme — flip knobs or wrap in a <Preset> instead of overriding style props. See agent-os/standards/frontend/knobs-system.md in the multiplatform.one repo.

License

Apache-2.0