Accordion

Accordion element

Create beautiful accordion sections. You can add any element to the accordion panels.

<row> <col span__sm="12"> <accordion> <accordion-item title="Accordion Title"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> </accordion-item> <accordion-item title="Accordion Item 1 Title"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> </accordion-item> <accordion-item title="Accordion Item 2 Title"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> </accordion-item> <accordion-item title="Add any element to accordion"> <blog_posts style="normal" columns="3" image_height="56.25%"> <button text="Click me!" style="outline"> </button></blog_posts></accordion-item> </accordion> </row>