Add components from the palette

A component is one piece of the form: a text field, a button, or a container. The Components tab is the library. Drag a component onto the canvas, or double-click it. Then set Label and Key on the right.

Search the palette

1. Open Components.
2. Type in Search… (placeholder text matches the box).
3. Categories such as Inputs and Layout filter to matching names.
4. If nothing matches, the palette shows a Not found message. Clear Search… or try another term.

1. Find a control (for example Text field).
2. Drag it onto the canvas or into a highlighted drop zone on a container.
3. Select the new field and set Label and Key on Main.

Double-click to insert

1. Select a container on the canvas.
2. Double-click a component in the palette.
3. Designer inserts it inside the selection (or after the selected sibling).

Components modal

1. Select a component on the canvas to show the floating toolbar.
2. If you only see the key and Open actions, hover that control to expand the strip.

3. Click plus button.
4. Choose Before or After.

5. The Click to add control modal opens. Search and categories match the left palette.
6. Click a component to insert it.

Use this modal when the left palette feels crowded, or when you want to place a control next to the current selection.

Summary

Search… narrows the palette. Drag or double-click to place components, then configure them on Main. Use Tree to verify where new items landed.

See also

• Select and edit components
• Use the right properties panel
• Common field types
• Add fields to your first form