The element configuration is a JSON-encoded object that defines the options accessible in the SPINNR canvas. This is typically generated automatically during the initial theme setup and each time you save and export your Brand Style Guide.

If you plan to make modifications here, this is the basic format of the JSON object.

{
    "group": "Group Name",
    "items": [
      {
        "elements": [
          "all"
        ],
        "options": [
          {
            "label": "Option Label",
            "type": "select",
            "swap": true,
            "advanced_mode": true,
            "data": [
              {
                "name": "Option 1 Name",
                "value": "option-class"
              }
            ]
          }
        ]
      }
    ]
  }

where:

group - name of the parent option

elements - an array of all HTML tags that the option can be applied to. can also be set to “all”

options - an array of all options under the same group

label - the option label

type - can be one of the following options (select,select-lg,color-picker,color-picker-lg,icons,slider,checkbox,description,label,divider)

swap - a boolean that represents if the classes will be replaced or appended when the option is selected

advanced_mode - a boolean that toggles the option to show/hide on advanced mode

data - an array of name and value objects that represents the data options for the specified type.