Hide and show additional content.

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

Last updated


For developers

Block Grammar & Markup

<!-- 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 -->
<!-- /wp:details -->

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.


  "showContent": {
    "type": "boolean",
    "default": false
  "summary": {
    "type": "string"

Block Supports

Optional. Type: Object.

A set of options that enables or disables block controls in the editor, for example gradient colors or padding.


  "align": [
  "color": {
    "gradients": true,
    "link": true,
    "__experimentalDefaultControls": {
      "background": true,
      "text": true
  "__experimentalBorder": {
    "color": true,
    "width": true,
    "style": true
  "html": false,
  "spacing": {
    "margin": true,
    "padding": true,
    "__experimentalDefaultControls": {
      "margin": false,
      "padding": false
  "typography": {
    "fontSize": true,
    "lineHeight": true,
    "__experimentalFontFamily": true,
    "__experimentalFontWeight": true,
    "__experimentalFontStyle": true,
    "__experimentalTextTransform": true,
    "__experimentalTextDecoration": true,
    "__experimentalLetterSpacing": true,
    "__experimentalDefaultControls": {
      "fontSize": true

For developers

View blocks per attribute or block support: