1 viewer
Back to Components
Component · Layout

DetailHostFrame

Detail-pane shell with header (title/subtitle/back), scrollable body, and optional footer.

Category
Layout
Slots
7
States
0
Writer
Legacy
cre8.primitive.detail-host-frame

Preview

Live renderLegacy writer: DetailHostFrame
Host frame anchoring complex detail trees.
<DetailHostFrame title="Detail Host Container">
  <Text text="Host frame anchoring complex detail trees." />
</DetailHostFrame>

Anatomy

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

SlotDOM class
root.primitive-detail-host-frame
header—
back—
title—
subtitle—
body—
footer—
7 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
DetailHostFrame 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: DetailHostFrame.

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

TargetRendererStatus
webreactexperimental
1 row

Accessibility

Provides a labelled detail region with an explicit back affordance and a footer landmark for primary actions.

  • Back button is omitted entirely when no onBack handler is supplied so the focus order does not include a no-op control.
  • Title text is rendered as the first heading-equivalent slot so screen readers announce the detail context.