Details
details, collapsed and open.
Details is progressive disclosure for material that is true but not on the main path. It is a native HTML details element.
Attributes
| Attribute | Values | Default |
|---|---|---|
summary |
any text | Details |
open |
true or false |
false |
Every directive also accepts id, which becomes the HTML id; see Syntax and metadata.
Collapsed (default)
Markus
:::details{summary="Click to expand"}
Hidden until opened. The body is Markdown, including other directives.
:::
Preview
Click to expand
Hidden until opened. The body is Markdown, including other directives.
Open
Markus
:::details{summary="Starts open" open=true}
Visible on load.
:::
Preview
Starts open
Visible on load.
Default summary
Markus
:::details
With no `summary` the label is "Details".
:::
Preview
Details
With no summary the label is "Details".
Nested directive
Markus
:::details{summary="Contains a callout"}
:::callout{kind="tip"}
A callout inside details.
:::
:::
Preview