Divider¶

Divider element can be used as a visual separator between sections or groups of controls.

Options¶

variant¶

string Optional parameter. Defines the color intensity of the divider line. Default value: default.

Available values: - default — standard visibility - subtle — low contrast, less prominent - strong — high contrast, more prominent - transparent — no visible line, spacing only

JSON

{
  "options": {
    "variant": "subtle"
  }
}

Build-in Validators¶

Element has no build-in validators.

Available Validators¶

Element does not have available validators.

Relations Support¶

Element does not support relations between elements.

Configuration output schema¶

schema

{
  "<element_type>" : "divider",
  "<element_name>" : string,
  "<element_isHidden>" : bool,
  "<element_options>" : {
    "<element_variant>" : string
  }
}

example

{
  "type": "divider",
  "name": "section-divider",
  "isHidden": false,
  "options": {
    "variant": "strong"
  }
}

Element value¶

Divider is a purely visual element used to separate groups of controls in the configurator. It does not produce any value and is not available in moduleConfig.

Example of module¶

JSON configuration¶

JSON configuration

[
  {
    "label": "Content",
    "state": "unfolded",
    "elements": [
      {
        "name": "title",
        "type": "text",
        "label": "Title"
      },
      {
        "name": "section-divider",
        "type": "divider",
        "options": {
          "variant": "subtle"
        }
      },
      {
        "name": "description",
        "type": "textarea",
        "label": "Description"
      }
    ]
  }
]

JSON translations¶

JSON translations

{
  "schema": {
    "pl_PL": {
      "Content": "Treść",
      "Title": "Tytuł",
      "Description": "Opis"
    },
    "en_US": {
      "Content": "Content",
      "Title": "Title",
      "Description": "Description"
    }
  }
}