Primitive

Header

Title, description, meta, and action header anatomy.

Use Header for local hierarchy before creating data-header, form-header, or route-header variants.
typography
DOM renderImage render
HeaderDefault

Overview

Compact hierarchy for a product region.

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

Local title and description anatomy.

Overview

Compact hierarchy for a product region.
Render state

Actions

Header with trailing command region.

Diff

2 pending edits.
Render state

Meta

Header with eyebrow and metadata.
Agent

Trace

Live
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
titleReactNode-Primary heading slot.
descriptionReactNode-Supporting description slot.
metaReactNode-Trailing metadata slot.
actionsReactNode-Trailing action slot.