Details

Displays a details HTML markup in your body markdown.

Example

Markdown usage

{{< details summary="This is a question" >}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum facilisis gravida. Nam diam ipsum, tempus vitae posuere at, mattis non lacus.
{{< /details >}}

HTML rendered

<details>
  <summary>This is a question</summary>
  <div>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum
    facilisis gravida. Nam diam ipsum, tempus vitae posuere at, mattis non
    lacus.
  </div>
</details>

Visual renderer

This is a question
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum facilisis gravida. Nam diam ipsum, tempus vitae posuere at, mattis non lacus.

Datas

summary: "" // string

CMS

  • Hugolify admin Available
  • Decap CMS Not available