Introduction The builder workspace Build your first page

Apps and pages Elements and the tree Layout and styling Responsive layouts Components and instances Repeating and conditional elements

Props Stores Types and schemas Bindings and expressions Component props Route and session values External data

Events Functions and parameters Actions Reading and updating state Hooks Navigation

Build a landing page Build a contact form Build a searchable directory Build a list and detail view Build a dashboard Build a multi-step form Create a reusable component library Connect a page to an API

Building with AI Connect MCP Previewing and debugging Publishing your app

Core conceptsStructure

Repeating and conditional elements

Structure in Codelab.

Repeat

Repeat maps an array onto copies of a subtree.

{{repeat.item}} — current item.
{{repeat.index}} — position.
{{repeat.key}} — instance identity.

Conditional rendering

renderIf controls whether a subtree exists. A falsy result omits the element and its children.

Components and instances

Previous Page

Data

Next Page

On this page

Repeat Conditional rendering