1 viewer
Back to Components
Component · Layout

SplitPreview

Two-pane preview grid (left visual / right info) with a static placeholder class for loading states.

Category
Layout
Slots
3
States
0
Writer
Legacy
cre8.primitive.split-preview

Preview

Live renderLegacy writer: SplitPreview
fn evaluate() -> Result<Atom>Atom evaluated with 0 warnings.
<SplitPreview leftTitle="Source Code" rightTitle="Live Evaluation">
  <Text text="fn evaluate() -> Result<Atom>" variant="code" />
  <Text text="Atom evaluated with 0 warnings." />
</SplitPreview>

Anatomy

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

SlotDOM class
root.primitive-split-preview
left—
right—
3 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
SplitPreview 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: SplitPreview.

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

TargetRendererStatus
webreactexperimental
1 row

Accessibility

Provides a deterministic two-pane container; consumers own the semantic content of each pane.

  • Panes carry `data-primitive-slot` markers so testing and theming can target them without leaking class names.