Accordion

Also known as: collapsible content, expandable rows, open and close 

Description

A block with stacked sections that each expand to reveal more detail about a topic. 

Design

Use When

• Displaying multiple topics (3+) with varying amounts of detail
• Displaying certain types of content:
  • frequently asked questions (FAQs)
  • technical or logistical information with a lot of detail
  • expanding on curriculum, tuition, or other program details that are summarized elsewhere on the page or website

(documentation updates in progress below)

Editorial Guidelines

Design Assets Needed

• None - typically no assets are needed for this block 

Fields

Open first item?

• Displays the copy of the first card. 
  • Rarely do we want to display the first card's copy. This field automatically defaults to No under Open First Item?

Additional Notes

You'll have to add a bottom-space class for this block if it's the last block on the page under Additional CSS class(es).

• Recommended class: mb-6