1 viewer
Component · Layout
DetailHostFrame
Detail-pane shell with header (title/subtitle/back), scrollable body, and optional footer.
- Category
- Layout
- Slots
- 7
- States
- 0
- Writer
- Legacy
Preview
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.
| Slot | DOM class |
|---|---|
| root | .primitive-detail-host-frame |
| header | — |
| back | — |
| title | — |
| subtitle | — |
| body | — |
| footer | — |
States and platforms
The states the contract publishes, the platforms it declares, and the style recipes that dress it.
States
Platforms
Recipes
Renderers
The example above still needs shared writers for: DetailHostFrame.
Declared adapters. A status is the manifest's declaration, not a measured parity result.
| Target | Renderer | Status |
|---|---|---|
| web | react | experimental |
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.