Accordion content

Collapsible content blocks. Used for FAQ sections, shipping and returns info, sizing details, or any content that benefits from progressive disclosure.

What it does

Renders a stack of expand-collapse blocks. Each block has a heading and body content. Configurable for single-expand (only one open at a time) or multi-expand (multiple open).

Section settings

Documentation in progress. Key settings: heading, expand behavior (single or multi), initially open block (none / first / all), padding, color scheme.

Blocks

• Accordion item — Heading, body content (rich text supported), optional default-open flag.

Example use cases

• FAQ page — A dozen accordion items covering common questions.
• Product page shipping and returns — Three accordion items below the product description.
• Sizing guides — Per-product sizing details, collapsed by default.

Notes

For long-form FAQ content where the user wants to scan all questions at once, consider a flat list with bold headings instead. Accordions are best when the user is looking for a specific answer.