P007 Half-Width Accordion w/ Promos

Component Detail

Expandable/collapsible half-width information container, used to progressively disclose information. Typically used for FAQs. Multiple accordions can be stacked on a page. Accordions can be organized in alpha-order by title or in order of priority. One or more accordions can be default-opened to reveal the most important content as well as the expandable\ collapsible functionality of this component. There is no limit to the amount of body content that can be displayed in an accordion, but all body content is contained on a single page. Images as well as text can be added to the body content of an accordion.

Interactions

A read more toggle can be added to the component, truncating the body copy to 3 lines of text by default. When the toggle is clicked, the rest of the content will appear below as normal.

Note: Each optional element is authorable individually and in combination with each other.