Content Block: Accordion

This component lets users show and hide sections of related content on a page.

Usage Criteria

This component is used as a way to get an overview of multiple, related sections of content containing information not everyone may need to access. 

Do's and Don'ts

• Do not use this component for content that would have less than three expandable segments (FAQ would be an exception).
• Do not use this component if all information would be needed by most users (essential information should not be hidden).

Design Notes

If there are less than three segments of information, it might be more beneficial to use the Nav: Sub-section Nav component, which displays the options horizontally instead and shows all the content.

Configurable Options

This component has text fields where the segment label and segment content can be configured, as well as the Title and (optional) Description for the entire accordion which sits on the left.

Developer Notes

Designer Notes