Tab Panels

Container for tab panel content in a tabbed interface.

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

Block Relationships

Parent blocks (direct):
– core/tabs

Allowed inner blocks:
– core/tab-panel

Attributes

Defined via the attributes property in block.json.

This block has no custom attributes.

Supports

Defined via the supports property in block.json.

• html: false
• visibility: false
• lock: false
• color:
  • background: true
  • text: true
  • heading: true
  • link: true
• spacing:
  • padding: true
• typography:
  • fontSize: true

Block Markup

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

<!-- wp:tab-panels -->
<div class="wp-block-tab-panels"><!-- wp:tab-panel {"label":"Tab 1"} -->
<section role="tabpanel" tabindex="0" class="wp-block-tab-panel"><!-- wp:paragraph -->
<p>Panel 1</p>
<!-- /wp:paragraph --></section>
<!-- /wp:tab-panel --></div>
<!-- /wp:tab-panels -->

Source

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