Skip to content

Components

Explore Components: Components picker and Search and browse.

The components workflow makes more sense when you first see where Wappler exposes page structure and insertion tools together. This tour starts by locating that area in context, then explains how component selection and component insertion support the rest of your editing workflow.

We’ll select body as the insertion point. This step matters because Insertion point is part of Page Panels Structure Body, and understanding that context makes the next action easier to repeat in your own project.

We’ll use Insert Child to open the Components picker. This step matters because Components picker is part of Page Panels Structure Body, and understanding that context makes the next action easier to repeat in your own project.

Use search to find components, then select one to insert. This step matters because Search and browse is part of Components Popup Anchor Right, and understanding that context makes the next action easier to repeat in your own project.