Accordion
An accordion is a vertically stacked list of text headers that can be expanded one at a time to reveal more information. Within the body text for each list item, full WYSIWYG text and media formatting is supported, including CTA buttons if desired.
The accordion list items can have either a denim or a jade background.
The accordion list items can have either a denim or a jade background.
Parameters
Minimum Recommended Fields
- Headline
- Accordion List Items: Minimum of 2 list items
- Accordion Label: This is the label for each expandable list item
- Body: This is the expanded area within each list item
Recommended Character Limits
- Headline: Maximum of 35 characters
- Description: Maximum of 200 characters
- Accordion Label: Maximum of 35 characters
Text Formatting Allowed
- Headline: Unformatted text
- Description: Unformatted text, allows line breaks
- Accordion Label: Unformatted text
- Accordion Body: Full WYSIWYG text and media formatting
Where You Can Use It
All pages except for listing pages like the Majors & Programs page.
Use Cases
Accordions can save space on a page when providing additional information that only some site visitors may be interested in. Body text should be concise, clear and scannable; use bulleted and numbered lists or tables when applicable.
Accordion Headline 35 Characters
Optional description 200 characters maximum ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Lorem ipsum dolor sit amet, consectetur. Lorem ipsum dolor sit amet, consectetur.
H5 - The quick brown fox jumps
H5 - The quick brown fox jumps
H5 - The quick brown fox jumps
Accordion Headline 35 Characters
Lorem
Lorem
Lorem