Accordion

Component Overview

 

The Accordion component is the best way to add a lot of text to a page without influencing the length of the page. This component is fantastic for information that is important, but not necessarily important enough to warrant being viewed without an additional click. Uses for this component include FAQs, terms and conditions, contest rules, and much more.

Everything inside the accordion is entered through rich text, so you can add images, links, text, etc.

Component Location

Accordion → Accordion

Component Overview

Supported Templates & Placeholders

Template Placeholder
Article Detail Page
/maincontent/full-width

/maincontent/rail-page-content
Detail Page
/maincontent/detail-page-nav/detail-page-content
Experience Landing with Nav
/maincontent/full-width
Experience Landing Page
/maincontent/full-width
Experience Interior Nav
/maincontent/interior-nav-content
Experience Right Rail Page
/maincontent/rail-page-content

Recommended Image Size

N/A

Character Limits

Title: Unlimited
Body:  Unlimited

How to Use

 

  1. Add the parent component, called Accordion
  2. Add the sub-component, Accordion Item

The order in which the Accordion Items are ordered in the Content Editor determines what order the items appear on the live site.

Component Example

To see how the component will display on different types of screens, select the button below.

Device resolution = 1440px

Component Type

Main Content

ABOUT THE COMPONENT

  • Component Type: Main Content
  • Rich Text: Yes
  • Images: No
  • Video: No
  • Buttons: No
  • Links: No
  • Icons: No