CodelabDocs
Guides

Guides

Use cases built from structure, state, and behavior.

These outlines show the parts of each build.

Landing page

Sections → layout → responsive styles → links → publish.

Contact form

Fields → useForm → input props → validation → submit action → confirmation.

Searchable directory

Data → repeated cards → search value → filter expression → empty state.

List and detail view

List page → repeated items → navigation → route value → detail query.

Dashboard

Queries → values → cards and tables → filters → loading and error states.

Multi-step form

Form fields → current-step state → renderIf → next and back actions → submit.

Component library

Element tree → component → props interface → instance values → reuse.

API-backed page

useQuery → response values → prop expressions → repeated elements → loading and error states.

On this page