Details

Hide and show additional content.

• Name: core/details
• Category: text
• API Version: 3
• Block Type: Hybrid (static save + server enhancements)
• Keywords: summary, toggle, disclosure

Attributes

Defined via the attributes property in block.json.

Supports

Defined via the supports property in block.json.

• align: "wide", "full"
• anchor: true
• color:
  • gradients: true
  • link: true
• html: false
• spacing:
  • margin: true
  • padding: true
  • blockGap: true
• typography:
  • fontSize: true
  • lineHeight: true
• layout:
  • allowEditing: false
• interactivity:
  • clientNavigation: true
• allowedBlocks: true

Block Markup

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

<!-- wp:details {"summary":"Details Summary"} -->
<details class="wp-block-details"><summary>Details Summary</summary>
    <!-- wp:paragraph {"placeholder":"Type / to add a hidden block"} -->
    <p>Details Content</p>
    <!-- /wp:paragraph -->
</details>
<!-- /wp:details -->

Source

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