Accordion Block
Create collapsible sections for organising content. Each section has a title and expandable content area. Configure whether multiple sections can be open simultaneously or only one at a time.
Accordions organise content into collapsible sections. Use them when you have multiple related topics that readers may want to explore selectively without scrolling through everything.
When to Use
Block Properties
| Property | Required | Description |
|---|---|---|
| Items | Yes | Array of accordion sections |
| Allow Multiple Open | No | Whether multiple sections can be expanded simultaneously (default: true) |
Item Properties
| Property | Required | Description |
|---|---|---|
| Title | Yes | The section header (always visible) |
| Content | Yes | Rich text content shown when expanded |
| Default Open | No | Whether this section starts expanded (default: false) |
Example: FAQ Section
A common use case with multiple sections that can all be open at once.
Example: Single Selection Mode
When Allow Multiple Open is disabled, opening one section automatically closes others. Useful for step-by-step processes where context matters.
Example: Feature Descriptions
Accordions work well for presenting features where readers want to explore specific capabilities.
Editing Accordions
| Action | How To |
|---|---|
| Expand/Collapse | Click the chevron or title bar to toggle a section |
| Edit Title | Click the title text field to edit inline |
| Edit Content | Use the rich text editor within each section |
| Set Default Open | Toggle the Open by Default option for each section |
| Add Section | Click Add Section to create new accordion items |
| Remove Section | Click the trash icon (minimum one section required) |