Spacer

Add white space between blocks and customize its height.

This block is available in the latest version of WordPress and does not require the Gutenberg plugin.

Category: Design

For developers

Block Grammar & Markup

<!-- wp:spacer {"height":"100px"} -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

Context

Context is used to pass values from a block to a descendant block; for example, a query and post template passing the query ID to the inner blocks.

Documentation

Uses context. Optional. Type: Object.

[
  "orientation"
]

Block Attributes

Optional. Type: Object.

Attributes provide the structured data needs of a block. They can exist in different forms when they are serialized, but they are declared together under a common interface.

Documentation

{
  "height": {
    "type": "string",
    "default": "100px"
  },
  "width": {
    "type": "string"
  },
  "anchor": {
    "type": "string",
    "source": "attribute",
    "attribute": "id",
    "selector": "*"
  }
}

Block Supports

Optional. Type: Object.

A set of options that enables or disables block controls in the editor, for example gradient colors or padding.

Documentation

{
  "anchor": true,
  "spacing": {
    "margin": [
      "top",
      "bottom"
    ],
    "__experimentalDefaultControls": {
      "margin": true
    }
  }
}

For developers

View blocks per attribute or block support:

Block Attributes