Accordion
This block allows you to reduce page height by containing content within a collapsable accordion; requires user to toggle open.
| Category | CMS |
|---|---|
| Interaction, Post/Content | Cascade, WordPress |
Instructions
Options:
- Title size: large, small
- Heading level of the title: H2, H3, H4, H5, H6, P
- Background color: gold, black, gray, none
- Padding at the top: none, small, medium, large
- Padding at the bottom: none, small, medium, large
- Remove side padding: checkbox
- Remove top border: checkbox
- Remove bottom border: checkbox
Each block renders a single accordion. Stack multiple accordion blocks to create a set of accordions.
Accordions can be opened with an anchor link.
Container within accordion displays other blocks as you choose.
Accordion title (large): max 55 characters
Accordion title (small): max 80 characters
Accordion content: If content (primarily text) is wider than 800px within accordion, use 50/50 or 66/33 columns to constrain it; blocks typically used within accordions are heading, paragraph, list, columns, tables, images, and buttons via button bar.
Features not available in Cascade: heading level of the title, title size, padding