Accordion
Expandable items with a header and body. Open one at a time or several, and mark the set as a FAQ.
How to add it
Edit a page, open the module picker, and search for Accordion. Drop it into a drag-and-drop area, then fill in the fields below. See the theme modules page for how the modules look together.
Fields
Fields are grouped as they appear in the editor. Indented rows belong to the group above them.
| Field | Type | Notes |
|---|---|---|
| Accordion Item | Group | Repeatable. |
| Header Text | Text | Default: Header Text. |
| Body Text | Rich text | |
| Is this a FAQ Section? | Toggle | If this is checked, FAQ schema will be added to aid in SEO. Default: off. |
| Allow Multiple to Be Open at the Same Time | Toggle | Default: off. |
| Style | Group | |
| Panel | Group | |
| 2 Column on Desktop | Toggle | Default: off. |
| Border | Border | |
| Drop Shadow When Active | Toggle | Default: on. |
| Background Color | Color | |
| Border Radius | Number | Default: 0. |
| Spacing | Spacing | |
| Header Text | Group | |
| Header HTML Tag | Dropdown | Options: H1, H2, H3, H4, H5. Default: h2. |
| Header Font | Font | |
| Header Alignment | Text alignment | |
| Toggle Color Active | Color | |
| Toggle Color Hover | Color | |
| Spacing - Heading | Spacing | |
| Heading Background Color | Color | |
| Heading Text Border | Border | |
| Border Radius | Number | Default: 0. |
| Toggle Icon Size | Number | Default: 25. |
| Body Text | Group | |
| Body Font | Font | |
| Spacing - Body Text | Spacing | |
| Body Text Background Color | Color | |
| Body Text Border | Border | |
| Border Radius | Number | Default: 0. |
| Open the First Item | Toggle | Default: off. |
| Opening Speed | Number | Default: 400. |