Spacer

Add white space between blocks and customize its height.

• Name: core/spacer
• Category: design
• API Version: 3
• Block Type: Static (saved in post content)

Attributes

Defined via the attributes property in block.json.

Supports

Defined via the supports property in block.json.

• anchor: true
• spacing:
  • margin: ["top","bottom"]
• interactivity:
  • clientNavigation: true

Context

Defined via the usesContext and providesContext properties in block.json.

Uses context:

• orientation

Block Markup

This is a static block. The markup is saved directly in the post content.

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

Source

• block.json (reference)
• Source directory — browse edit.js, save.js, index.php, and more.