1 viewer
Component · Layout
LiveSlot
Progressive SSR slot with meaningful fallback children and optional live patch transport.
- Category
- Layout
- Slots
- 3
- States
- 3
- Writer
- Shared
Preview
Stream fallback content; no live source is attached to this example.
<LiveSlot slotId="live-demo-slot">
<Text
text="Stream fallback content; no live source is attached to this example."
variant="p"
/>
</LiveSlot>Anatomy
The named parts of the rendered markup. Recipes style these hooks, and every renderer keeps them stable.
| Slot | DOM class |
|---|---|
| root | .primitive-live-slot |
| fallback | — |
| noscript | .primitive-live-slot__noscript |
| refresh | .primitive-live-slot__refresh |
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
Renders meaningful fallback content first, then lets a stream adapter progressively refresh the same region.
- Fallback children must carry the same domain content a crawler or JavaScript-disabled browser should see.
- When a stream is unavailable, refreshHref should point at a server-rendered snapshot route when one exists.