1 viewer
Component · Navigation
SiteFooter
Variant-aware site footer for template pages. Supports brand, tagline, multi-column link grids, extra row, and bottom bar.
- Category
- Navigation
- Slots
- 7
- States
- 0
- Writer
- Shared
Preview
<Footer>
<Text
text="CRE8 One Living Computer · 76 Apps Online · Node 127.0.0.1:8787"
/>
</Footer>Anatomy
The named parts of the rendered markup. Recipes style these hooks, and every renderer keeps them stable.
| Slot | DOM class |
|---|---|
| root | .cre8-site-footer |
| inner | .cre8-site-footer__inner |
| grid | .cre8-site-footer__grid |
| brand | .cre8-site-footer__brand |
| col | .cre8-site-footer__col |
| extra | .cre8-site-footer__extra |
| bottom | .cre8-site-footer__bottom |
- Role
- contentinfo
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 |
Accessibility
Uses native footer landmark semantics for site-level footer content.
- The footer element provides an implicit contentinfo landmark.
- Link columns use heading and list semantics for discoverability.