🆕Accordion Widget

Overview

The Accordion widget is a versatile layout tool designed to organize high volumes of information into neat, collapsible sections. It is the ideal solution for FAQs, technical documentation, or any long-form page where you want to improve scan-ability and reduce "scroll fatigue."

The Accordion allows readers to expand only the sections they are interested in. This keeps your pages looking clean and professional while ensuring all the necessary details remain easily accessible.

Perfect for:

• Frequently Asked Questions (FAQs): Hide answers until the user clicks the question.

• Instructional Manuals: Group steps by category or phase.

• Policy Documents: Organize complex HR or IT guidelines.

• Project Updates: Toggle between different workstreams or timelines.

---

Managing Content

Easily add new "panels" to your accordion with a single click.

• Rich Text Support: Each collapsible section functions like a mini-editor, allowing you to include formatted text, bullet points, and hyperlinks.

• Ordering: Drag and drop sections to rearrange the hierarchy of your information.

---

Configuration Settings

When editing the widget properties, you can control how the accordion behaves for the end user:

• Default State: Choose whether the first section is expanded by default or if all sections start collapsed.

• Expansion Mode: Configure whether users can open multiple sections at once or if opening a new section automatically closes the previous one.

---

User Experience

The Accordion widget provides a smooth, interactive experience across all platforms:

• Navigable Layout: Users can quickly scan headers to find the specific information they need without scrolling through irrelevant content.

• Mobile-Friendly: The collapsible nature of the widget is particularly effective on mobile devices, where screen real estate is limited.

• Smooth Transitions: High-quality animations provide visual feedback as sections expand and collapse, making the interface feel responsive and modern.