Skip to main content
← Docs

Documentation

Components and reusable sections

Build with reviewed structured components, nested layouts and synchronized reusable definitions instead of unsafe page code.

Updated: 24 September 2026

Use the component library

The library contains marketing, commerce, content, navigation and game-community components. Every component has a typed property contract and a reviewed public renderer.

  • Drag a component into a valid container or insert it from the command palette.
  • Use Layers to move, wrap, duplicate, lock or select nested nodes.
  • Edit content and layout in the inspector; invalid arbitrary properties are rejected.

Create reusable definitions

A reusable definition is a reviewed source for repeated navigation, footer, announcement or section content. Instances can stay synchronized or become an explicit snapshot.

  1. Select a complete valid subtree and create the reusable definition.
  2. Name it by purpose, not by its current page position.
  3. Review every synchronized instance before applying a definition update.
  4. Detach only when the page intentionally needs an independent snapshot.

Safe customization

Components support typed states, responsive styles, localized content, managed images and a bounded rich-text model. Public pages never execute customer JavaScript.

If a required pattern is missing, compose existing layout primitives or request a reviewed component. Do not embed scripts, iframes or remote HTML as a workaround.