You can use tabs to create a structured overview when there are multiple sections.

{
  "label": "Tabs",
  "type": "Title"
},
{
  "key": "tabs",
  "type": "TabCollection",
  "options": {
    "tabs": [
      {
        "label": "Tab 1",
        "components": []
      },
      {
        "label": "Tab 2",
        "components": []
      }
    ]
  }
}

Properties

@:optionalhelp:Null<Dynamic>

Adding help or instructional text to a field.

"help": "This field can only contain letters."

@:optionalhidden:Null<Bool>

Hide this field in the interface.

"hidden": true

@:optionalreadonly:Null<Bool>

Field is read only.

"readonly": true

@:optionalshow_when:Null<EitherType<ShowOptions, Array<ShowOptions>>>

The "value" can be set to "null" of "!null" to check if something is empty.

tabs:Array<Tab>

@:optionalwidth:Null<Float>

Width percentpoint 0-1.

"width": 0.5"