Expandable headings
1 min
Expandable heading blocks let users collapse and expand sections of content. They are useful for FAQs, optional details, and long reference pages where readers may not need to see all information at once.
Syntax
You can add this component using either Markdown or MDX.
:::::ExpandableHeading
# Expandable Heading 1
This is the largest expandable heading. Click to collapse or expand.
:::::
:::::ExpandableHeading
## Expandable Heading 2
A medium expandable heading. Use it for subsections that users can toggle.
:::::
:::::ExpandableHeading
### Expandable Heading 3
The smallest expandable heading. Good for optional details or FAQ items.
:::::Expandable Heading blocks support three heading levels:
- #
- ##
- ###
The heading itself becomes the clickable element, while all content beneath it remains collapsible until the next heading or the end of the block.
Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.