구분자

두 카테고리 사이에 구분자를 추가하면 두 카테고리 사이에 줄과 추가 공백이 생깁니다.

두 카테고리 사이에 세로 간격이 있는 카테고리 메뉴

JSON 또는 XML 도구 상자 정의에서 구분자의 클래스를 변경할 수 있습니다.

JSON

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

XML

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

두 블록 사이에 구분자를 추가하면 블록 사이에 간격이 생깁니다. 기본적으로 모든 블록은 아래쪽 블록과 24픽셀 간격으로 구분됩니다. 이 간격은 'gap' 속성을 사용하여 변경할 수 있으며, 이 속성은 기본 간격을 대체합니다.

이렇게 하면 도구 상자에서 블록의 논리적 그룹을 만들 수 있습니다.

숫자 블록과 산술 블록 2개 그룹 사이에 세로 간격이 있는 플라이아웃 도구 상자

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>