Dòng phân cách

Việc thêm một dòng phân cách giữa hai danh mục bất kỳ sẽ tạo ra một dòng và khoảng trống bổ sung giữa hai danh mục đó.

Bạn có thể thay đổi lớp cho dòng phân cách trong định nghĩa hộp công cụ JSON hoặc XML.

JSON

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

XML

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

Việc thêm một dòng phân cách giữa hai khối bất kỳ sẽ tạo ra một khoảng trống giữa các khối. Theo mặc định, mỗi khối được phân tách với khối bên dưới bằng 24 pixel. Bạn có thể thay đổi khoảng cách này bằng cách sử dụng thuộc tính "gap" (khoảng cách). Thuộc tính này sẽ thay thế khoảng cách mặc định.

Điều này cho phép bạn tạo các nhóm logic của các khối trong hộp công cụ.

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>