1 viewer
Component · Content
ImgSlot
Image placeholder with optional tag and dimensions overlay.
- Category
- Content
- Slots
- 4
- States
- 0
- Writer
- Shared
Preview
Architecture Spec
16:9 1920x1080
<ImgSlot
alt="CRE8 Architecture Diagram"
dims="16:9 1920x1080"
height={240}
id="slot-architecture-preview"
tag="Architecture Spec"
/>Anatomy
The named parts of the rendered markup. Recipes style these hooks, and every renderer keeps them stable.
| Slot | DOM class |
|---|---|
| root | .cre8-img-slot |
| placeholder | .cre8-img-slot__placeholder |
| tag | .cre8-img-slot__tag |
| dims | .cre8-img-slot__dims |
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-text | planned |
Accessibility
An image with alt text or a decorative placeholder hidden from assistive technology.
- Images require alt text.
- Placeholder divs use aria-hidden.
- Lazy loading is enabled by default.