UI / Components / data / TypedColumn

TypedColumn

Status / person / date / url / longtext renderers.

Column definitions for `DataTable` that auto-render the right cell + editor by type. Status → chip with options, person → avatar + name, date → calendar picker, url → safe-link, longtext → expandable cell with focus modal.

$npx dock-ui add typed-column

Usage

import { typedColumn } from "@/components/ui/typed-column";

const columns = [
  typedColumn.text("title", { label: "Title" }),
  typedColumn.status("stage", { label: "Stage", options: stages }),
  typedColumn.person("owner", { label: "Owner", members }),
];

Install

via CLI
$ npx dock-ui add typed-column
Writes the file(s) directly to your components/ui/ folder. You own the code.
For agents
curl -L https://ui.trydock.ai/r/typed-column.json
Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.
← All components
Themes·Component kit · glossary
View on GitHub →