Accordion Block
> Collapsible content sections perfect for FAQs, feature lists, and organizing information.
Overview
The Accordion block creates expandable/collapsible sections that help organize large amounts of content in a compact, user-friendly format. Visitors can click items to reveal their content, keeping pages clean while maintaining access to detailed information.
This is the Accordion (Pro) Block
Organize detailed answers into clean, collapsible sections.
What makes the Accordion block Pro?
It supports advanced styling, flexible behavior, and animation options not available in Core.
Can multiple sections stay open?
Yes—enable “Allow Multiple Open” to keep several items expanded at once.
Does it work with animations?
Yes. You can add entrance animations and optional stagger for smoother reveals.
When should I use an accordion?
Use it to group FAQs, policies, or long explanations without overwhelming the page.
Minimal
What makes the Accordion block Pro?
It supports advanced styling, flexible behavior, and animation options not available in Core.
Can multiple sections stay open?
Yes—enable “Allow Multiple Open” to keep several items expanded at once.
Does it work with animations?
Yes. You can add entrance animations and optional stagger for smoother reveals.
When should I use an accordion?
Use it to group FAQs, policies, or long explanations without overwhelming the page.
Bordered
Can multiple sections stay open?
1
Yes—enable “Allow Multiple Open” to keep several items expanded at once.
Does it work with animations?
2
Yes. You can add entrance animations and optional stagger for smoother reveals.
When should I use an accordion?
3
Use it to group FAQs, policies, or long explanations without overwhelming the page.
Fields
| Field | Description |
|---|---|
| Heading | Optional section title above the accordion |
| Subheading | Supporting text below the heading |
| Items | Repeatable accordion entries with title and content |
| Allow Multiple | When enabled, multiple items can be open simultaneously |
| First Open | Automatically expand the first item on page load |
| Style | Visual style: Default, Bordered, or Minimal |
| Content Width | Control the maximum width of the content area |
| Animation | Entrance animation with optional stagger effect |
Item Fields
Each accordion item includes:
| Field | Description |
|---|---|
| Title | The clickable header text (required) |
| Content | The expandable body content (required) |
Style Options
| Style | Description |
|---|---|
| Default | Standard accordion with subtle separators |
| Bordered | Each item has a visible border |
| Minimal | Clean look without visual separators |
Comments
No comments yet. Be the first to share your thoughts!