Common field types

The Components tab lists building blocks you drag onto the canvas. Names vary slightly by Component library (Material UI, RSuite, and others).

Text and numbers

NeedTypical component
Single-line textText field / Input
Multi-line textText area
NumbersNumber input

Choices

NeedTypical component
Pick one from a listSelect / Dropdown
Yes or noCheckbox or Switch
Pick one of few optionsRadio group

Actions and display

NeedTypical component
Submit or saveButton
Section titleTypography / Heading
Group fieldsStack, Grid, or Container

Add a component

  1. Open Components on the left panel.
  2. Use Search if your palette is large.
  3. Drag the component onto the canvas or into a container in Tree.
Components palette highlighted.Components palette highlighted.

Check the result

  • The new field appears on the canvas and under Tree.
  • Selecting it opens Main, Style, Actions, and Rules on the right.

Summary

Match the component to the kind of data you collect. Search the palette when you cannot find a control. Configure keys and labels on Main after placing the field.

See also