Separadores

Si agregas un separador entre dos categorías, se creará una línea y un espacio adicional entre ellas.

Un menú de categorías con un espacio vertical entre dos categorías.

Puedes cambiar la clase del separador en la definición de la caja de herramientas JSON o XML.

JSON

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

XML

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

Si agregas un separador entre dos bloques, se creará un espacio entre ellos. De forma predeterminada, cada bloque está separado de su vecino inferior por 24 píxeles. Esta separación se puede cambiar con el atributo "gap", que reemplazará la brecha predeterminada.

Esto te permite crear grupos lógicos de bloques en la caja de herramientas.

Una caja de herramientas flotante con un espacio vertical entre un bloque numérico y un grupo de dos bloques aritméticos.

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>