1 viewer
Back to Components
Component · Data

SummaryList

Definition list with a fixed-width label column for label/value metadata rows.

Category
Data
Slots
4
States
0
Writer
Legacy
cre8.primitive.summary-list

Preview

Live renderLegacy writer: SummaryList
<SummaryList
  items={[
    { key: "Execution ID", value: "exec-8a3f910b2c" },
    { key: "IR Hash", value: "sha256:d41d8cd98f00b204e9800998ecf8427e" },
    { key: "Steps Consumed", value: "12,450 / 250,000" },
    { key: "Settlement Status", value: "Manifold Confirmed" }
  ]}
  title="Execution Summary"
/>

Anatomy

The named parts of the rendered markup. Recipes style these hooks, and every renderer keeps them stable.

SlotDOM class
root.primitive-summary-list
row—
label—
value—
4 rows

States and platforms

The states the contract publishes, the platforms it declares, and the style recipes that dress it.

States
No published states
Platforms
web
Recipes
unstyledruntime-console

Renderers

Legacy writer
SummaryList has no shared writer yet: the server renders it through its legacy path, which the WASM DOM does not share.

The example above still needs shared writers for: SummaryList.

Declared adapters. A status is the manifest's declaration, not a measured parity result.

TargetRendererStatus
webreactexperimental
1 row

Accessibility

Uses native <dl>/<dt>/<dd> elements so screen readers consume the rows as a definition list.

  • Each row pairs a <dt> with exactly one <dd>; consumers must not nest extra structure.
  • Label-column width is driven by a CSS custom property so all rows align without per-row overrides.