<summary>

The summary tag, or Disclosure Summary element, designates a visible  heading for the <details> element.

Syntax

The <summary> tag should be the first child element inside the <details> tag.

<details>
  <summary>This is the heading</summary>
  <p>This is the description/content of the details element.</p>
</details>

Browser Compatibilty

Demos

Have a code example of <summary>? Submit a codepen.io demo and we'll showcase it here ↴