Separator

Create a break between ideas or sections with a horizontal separator.

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

Last updated

April 20, 2024

Category: Design

For developers

View source on GitHub

Block Grammar & Markup

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

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

{
  "opacity": {
    "type": "string",
    "default": "alpha-channel"
  }
}

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,
  "align": [
    "center",
    "wide",
    "full"
  ],
  "color": {
    "enableContrastChecker": false,
    "__experimentalSkipSerialization": true,
    "gradients": true,
    "background": true,
    "text": false,
    "__experimentalDefaultControls": {
      "background": true
    }
  },
  "spacing": {
    "margin": [
      "top",
      "bottom"
    ]
  },
  "interactivity": {
    "clientNavigation": true
  }
}

Transforms

Optional. Type: Object.

Transforms provide rules for what a block can be transformed from and what it can be transformed to.

Documentation

Transforms from:

View blocks per attribute or block support:

Block Attributes