1 viewer
Component · Layout
Page
Top-level document landmark for a runtime-rendered view.
- Category
- Layout
- Slots
- 4
- States
- 0
- Writer
- Shared
Preview
Operational Workflows
<Page id="preview-page" variant="workspace">
<Section title="Operational Workflows">
<Text
text="Top-level landmark layout containing modular sections and cards."
/>
</Section>
</Page>Anatomy
The named parts of the rendered markup. Recipes style these hooks, and every renderer keeps them stable.
| Slot | DOM class |
|---|---|
| root | .primitive-page |
| header | .primitive-page__header |
| title | .primitive-page__title |
| body | — |
States and platforms
The states the contract publishes, the platforms it declares, and the style recipes that dress it.
States
Platforms
Recipes
Renderers
Every tag in the example above renders through a shared writer.
Declared adapters. A status is the manifest's declaration, not a measured parity result.
| Target | Renderer | Status |
|---|---|---|
| web | react | experimental |
| runtime-node | view-node | ready |
| ssr | html-semantic | ready |
| terminal | terminal-layout | planned |
| native | native-adapter | experimental |
Accessibility
Creates the main page structure for a view.
- Use a single primary heading when a title is supplied.