Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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. 


Expand
titleSections on this page

Table of Contents
minLevel2

Design

Image Modified

Use

...

Use this block when listing content. 

...

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?

...

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


No space-class


Image Modified


With mb-6 class:


Image Modified