Сепараторы

Добавление разделителя между любыми двумя категориями создаст линию и дополнительный пробел между двумя категориями.

Меню категорий с вертикальным разрывом между двумя категориями.

Вы можете изменить класс разделителя в определении панели инструментов JSON или XML.

JSON

{
  "kind": "sep",
  "cssConfig": {
    "container": "yourClassName"
  }
}

XML

<sep css-container="yourClassName"></sep>

Добавление разделителя между любыми двумя блоками создаст зазор между ними. По умолчанию каждый блок отделен от своего нижнего соседа на 24 пикселя. Это разделение можно изменить с помощью атрибута 'gap', который заменит зазор по умолчанию.

Это позволяет создавать логические группы блоков на панели инструментов.

Выдвижная панель инструментов с вертикальным зазором между числовым блоком и группой из двух арифметических блоков.

JSON

{
  "kind": "flyoutToolbox",
  "contents": [
    {
      "kind": "block",
      "type":"math_number"
    },
    {
      "kind": "sep",
      "gap": "32"
    },
    {
      "kind": "block",
      "type"" "math_arithmetic"
      "fields": {
        "OP": "ADD"
      },
    },
    {
      "kind": "sep",
      "gap": "8"
    },
    {
      "kind": "block",
      "type"" "math_arithmetic"
      "fields": {
        "OP": "MINUS"
      },
    }
  ]
}

XML

<xml id="toolbox" style="display: none">
  <block type="math_number"></block>
  <sep gap="32"></sep>
  <block type="math_arithmetic">
    <field name="OP">ADD</field>
  </block>
  <sep gap="8"></sep>
  <block type="math_arithmetic">
    <field name="OP">MINUS</field>
  </block>
</xml>