Group

Gather blocks in a layout container.

• Name: core/group
• Category: design
• API Version: 3
• Block Type: Static (saved in post content)
• Keywords: container, wrapper, row, section

Attributes

Defined via the attributes property in block.json.

Supports

Defined via the supports property in block.json.

• align: "wide", "full"
• anchor: true
• ariaLabel: true
• html: false
• background:
  • backgroundImage: true
  • backgroundSize: true
  • gradient: true
• color:
  • gradients: true
  • heading: true
  • button: true
  • link: true
• shadow: true
• spacing:
  • margin: ["top","bottom"]
  • padding: true
  • blockGap: true
• dimensions:
  • minHeight: true
  • minWidth: true
• position:
  • sticky: true
• typography:
  • fontSize: true
  • lineHeight: true
• layout:
  • allowSizingOnChildren: true
• interactivity:
  • clientNavigation: true
• allowedBlocks: true

Block Markup

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

<!-- wp:group {"align":"full","backgroundColor":"secondary","layout":{"type":"default"}} -->
<div class="wp-block-group alignfull has-secondary-background-color has-background">
    <!-- wp:paragraph -->
    <p>This is a group block.</p>
    <!-- /wp:paragraph -->

    <!-- wp:paragraph -->
    <p>Group block content.</p>
    <!-- /wp:paragraph -->
    </div>
    <!-- /wp:group -->

Source

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