# Collapsible content

### Section overview

The Collapsible content section displays a list of collapsible content blocks that can be expanded and collapsed by users. It provides an interactive way to present information in a space-efficient manner.

#### Common use cases

* Frequently Asked Questions (FAQs)
* Product information and specifications
* Shipping and return policies
* Service descriptions or features lists

#### Usage tips

* Keep accordion titles concise and descriptive so users understand what content to expect
* Limit the amount of content within each accordion to prevent overwhelming scrolling when expanded
* Consider using icons to visually enhance the accordions and improve user experience
* Mobile responsiveness is automatically handled, but consider setting visibility options for different devices if needed

### Section settings

| Setting              | Description                                                                    |
| -------------------- | ------------------------------------------------------------------------------ |
| Heading              | Main section heading displayed above the accordions                            |
| Content              | Descriptive text displayed below the heading                                   |
| Button label         | Text to display on the optional button                                         |
| Button URL           | Link destination for the optional button                                       |
| Spacing top          | Controls the top padding of the section (0-300px)                              |
| Spacing bottom       | Controls the bottom padding of the section (0-300px)                           |
| Color scheme         | Sets the background and text color combination                                 |
| Border color         | Sets the color for any borders (subtle or strong)                              |
| Button color         | Sets the style and color scheme for the button                                 |
| Border position      | Determines where section borders appear (none, top, bottom, or both)           |
| Horizontal alignment | Controls the alignment of section content (left, center, or right)             |
| Visibility           | Controls section visibility across devices (all, mobile only, or desktop only) |

### Block settings

Collapsible content

The block creates a collapsible content area with a title button that expands to reveal the content. Each section can have up to 50 accordion blocks.

| Setting | Description                                               |
| ------- | --------------------------------------------------------- |
| Title   | Heading text displayed on the accordion button            |
| Content | Rich text content revealed when the accordion is expanded |
| Icon    | Optional icon displayed alongside the accordion title     |