Component Catalog
Accordion Block Editorial
Editorial
Accordion Block A set of collapsible items, ideal for FAQs and progressive disclosure
A set of collapsible items, ideal for FAQs and progressive disclosure.
When to use
This page shows the Accordion Block across background, alignment and spacing settings, then lists its fields.
Variations The same block across five settings
Left · Light 01 — bg: bgstyle-01 · align: left
What is a block?
A reusable content unit you place on a page.
Can I reorder blocks?
Yes — drag to reorder at any time.
Do blocks work on mobile?
Every block is responsive by default.
Center · Light 02 — bg: bgstyle-02 · align: center
What is a block?
A reusable content unit you place on a page.
Can I reorder blocks?
Yes — drag to reorder at any time.
Do blocks work on mobile?
Every block is responsive by default.
Right · Plain — bg: bgstyle-00 · align: right
What is a block?
A reusable content unit you place on a page.
Can I reorder blocks?
Yes — drag to reorder at any time.
Do blocks work on mobile?
Every block is responsive by default.
Center · Dark 05 — bg: bgstyle-05 · align: center
What is a block?
A reusable content unit you place on a page.
Can I reorder blocks?
Yes — drag to reorder at any time.
Do blocks work on mobile?
Every block is responsive by default.
Center · Image BG — bg: bgstyle-05 · align: center
What is a block?
A reusable content unit you place on a page.
Can I reorder blocks?
Yes — drag to reorder at any time.
Do blocks work on mobile?
Every block is responsive by default.
Field reference
| Field | Editor | Required |
|---|---|---|
| accordionItems | Block list (headline, body) | — |