Separadores

Adicionar um separador entre duas categorias cria uma linha e um espaço extra entre as duas categorias.

Um menu de categoria com uma lacuna vertical entre duas
categorias.

É possível mudar a classe do separador na definição da caixa de ferramentas JSON ou XML.

JSON

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

XML

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

Adicionar um separador entre dois blocos cria uma lacuna entre eles. Por padrão, cada bloco é separado do vizinho inferior por 24 pixels. Essa separação pode ser alterada usando o atributo "gap", que vai substituir o intervalo padrão.

Isso permite criar grupos lógicos de blocos na caixa de ferramentas.

Uma caixa de ferramentas pop-up com uma lacuna vertical entre um bloco de números e um grupo de dois
blocos 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>