Quickstart Guide

This guide demonstrates three ways to define the summary text for a details block.

Setup

Install the details extension if you haven’t already:

quarto add coatless-quarto/details

Then, in your Quarto document, make sure to include the details filter in your document’s YAML header:

---
title: "My Document"
filters: [details]
---

Or, if you want to enable the extension for all documents in your project, add the filter to your project’s _quarto.yml file.

Use details Blocks

Three ways to define the summary text for a details block.

1. Using the summary Attribute

::: {.details summary="Click to see the answer"}
The answer is 42.
:::

Click to see the answer

The answer is 42.

2. Using a Heading

::: {.details}
## What is the meaning of life?

The answer is 42.
:::

What is the meaning of life?

The answer is 42.

3. Using a Summary Div

::: {.details}
::: {.summary}
Click here for more information
:::

Here is the detailed information you requested.
:::

Click here for more information

Here is the detailed information you requested.