Content with Accordion

Content with accordion is a great component to condense certain information while keeping the detail of longer information.

  1. Select "Content with Accordion" as the Row Type.
  2.  In the "Content with Accordion" group:
    1. Accordion Position: Select which side the accordion should appear on
    2. Layout: Select the width layout
    3. Headline: Enter a headline for the component
    4. Content Headline: Add a subheadline for the content
    5. Content: Enter content to display next to the accordion
    6. Accordion: Update the accordion and add accordion items
      1. See Accordion
  3. Click Preview Draft > Submit.

Content with Accordion

Content Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi consequat arcu id venenatis elementum. Nulla sit amet mi quis ipsum sollicitudin sodales. Suspendisse leo erat, vehicula vitae ipsum sed, condimentum hendrerit ex. Nunc pretium ipsum eget hendrerit auctor. Quisque a rhoncus est.

Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi consequat arcu id venenatis elementum. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi consequat arcu id venenatis elementum. 

Content with Accordion

Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi consequat arcu id venenatis elementum. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi consequat arcu id venenatis elementum. 

Content Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi consequat arcu id venenatis elementum. Nulla sit amet mi quis ipsum sollicitudin sodales. Suspendisse leo erat, vehicula vitae ipsum sed, condimentum hendrerit ex. Nunc pretium ipsum eget hendrerit auctor. Quisque a rhoncus est.