Primitive

Diagram item

Supporting evidence item for metrics, notes, code, documents, charts, tables, and status.

Diagram items are secondary evidence inside a graph; they should not compete with the main nodes.
diagram
DOM renderImage render
Diagram itemDefault
metricTrace184msp95
codeHydratets
statusReadylive
noteConstraintpolicy

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Supporting evidence item atlas.
metricTrace184msp95
codeHydratets
statusReadylive
noteConstraintpolicy
Render state

Selected

Selected item state.
metricTrace184msp95
codeHydratets
statusReadylive
noteConstraintpolicy
Render state

Muted

Muted supporting item state.
metricTrace184msp95
codeHydratets
statusReadylive
noteConstraintpolicy
Render state

Intents

Metric, code, status, and note intents.
metricTrace184msp95
codeHydratets
statusReadylive
noteConstraintpolicy
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
title *ReactNode-Primary item label.
valueReactNode-Optional prominent value.
bodyReactNode-Optional supporting copy.
metaReactNode-Optional small metadata.
kind'card' | 'chart' | 'code' | 'document' | 'metric' | 'note' | 'status' | 'table'noteItem evidence type.
intent'ink' | 'muted' | 'sky' | 'terminal' | 'ultra' | 'error'inkConcrete-native item intent.
selectedbooleanfalseSelected canvas state.
mutedbooleanfalseBackground canvas state.