DetailView

DetailView<T>(props): Element

Defined in: packages/ui/src/components/detail-view.tsx:52

Read-only detail page for a single record, rendered in a two-column grid.

Composes PageContainer with automatic TypedField rendering. When a Drizzle table is provided, field types are inferred from column metadata and rendered with the appropriate field component (DateField, BooleanField, etc.). Fields can also be specified manually as strings or full ColumnDef objects with custom renderers.

If no fields are specified, they are inferred from the record’s own keys (minus any keys listed in exclude).

Type Parameters

T

T = unknown

The record data type.

Parameters

props

DetailViewProps<T>

See DetailViewProps.

Returns

Element

Example

<DetailView
  title={post.title}
  table={posts}
  record={post}
  fields={["title", "content", "author", "published", "createdAt"]}
  breadcrumb={[
    { label: "Posts", to: "/posts" },
    { label: post.title },
  ]}
/>