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

Responsive layouts

Structure in Codelab.

Apply styles at Base, SM, MD, LG, XL, and 2XL breakpoints.

Layout and styling

Previous Page

Components and instances

Next Page