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.
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.
{
"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.
{
"anchor": true,
"spacing": {
"margin": [
"top",
"bottom"
],
"__experimentalDefaultControls": {
"margin": true
}
}
}