Accordion modules

Editorial purpose

Use an accordion to organize large or secondary content into collapsible sections, making long pages easier to scan.

Module

Accordion

See an example of this module in action here: Accordion.

Standard parameters

• Visual

  • Full Screen View: Toggle on to enable the full-width view.

  • Hide Module: Toggle on to prevent the module from displaying in the front end.

  • Color Schema: Specify whether the module appears in light (default value) or dark mode.

  • Remove top spacing: Toggle on to remove top spacing from the module.

  • Remove bottom spacing: Toggle on to remove bottom spacing from the module.

  • Expand first element: Toggle on to expand the first accordion element.

• Animation

  • Enable Animation: Toggle on to set module animation. The front-end implementation determines what the animation looks like.

• Title and Call to Action (CTA)

  • Header Title: Set the header title.

  • CTA Title: Set the CTA title.

  • CTA Link: Set the CTA link-out.

  • Show CTA Arrow: Toggle on to display the arrow next to the CTA button.

• SEO

  • Header Title Heading Level: Heading level of the header title. The default value is h2.

  • Hide Header Title in the HTML: Toggle on to hide the header title. The HTML contains the SEO-title regardless of this property value.

• Sponsor

  • Sponsor Asset: Slug of the Sponsor entity from which to get the image and URL.

  • Sponsor Label: Sponsor’s label (e.g., “presented by” or “sponsored by”).

• Data

  • Accordion Slug: Slug of the accordion entity.