Tab Panel

Content for a tab in a tabbed interface.

• Name: core/tab-panel
• Category: design
• API Version: 3
• Block Type: Hybrid (static save + server enhancements)

Block Relationships

Parent blocks (direct):
– core/tab-panels

Attributes

Defined via the attributes property in block.json.

Supports

Defined via the supports property in block.json.

• anchor: true
• background:
  • backgroundImage: true
  • backgroundSize: true
  • gradient: true
• html: false
• color:
  • background: true
  • button: true
  • heading: true
  • link: true
  • text: true
• layout: true
• shadow: true
• spacing:
  • blockGap: true
  • padding: true
• typography:
  • fontSize: true
  • lineHeight: true
• visibility: false

Context

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

Uses context:

• core/tabs-id

Provides context:

• core/tab-label → attribute label

Block Markup

This is a hybrid block. It saves static markup that the server may enhance during rendering.

<!-- 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 -->

Source

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