Accordion

Usage

The Core Component Accordion component allows for the creation of a collection of components, composed as panels, and arranged in an accordion on a page, similar to the Tabs Component , but allows for expanding and collapsing of the panels.

The accordion's properties can be defined in the configure dialog.
The order of the panels of the accordion can be defined in the configure dialog as well as the select panel popover.
Defaults for the Accordion Component when adding it to a page can be defined in the design dialog.

Styles
Properties

Style: Default

My First Title

Quisque id diam vel quam elementum pulvinar. Aliquet nibh praesent tristique magna sit amet purus gravida. Sed augue lacus viverra vitae congue eu. Interdum varius sit amet mattis vulputate. Diam in arcu cursus euismod quis viverra. Consequat semper viverra nam libero justo laoreet. In fermentum posuere urna nec tincidunt praesent semper. Eu nisl nunc mi ipsum faucibus. Id cursus metus aliquam eleifend mi. Ut placerat orci nulla pellentesque dignissim enim. Scelerisque purus semper eget duis at tellus. Placerat vestibulum lectus mauris ultrices eros in. Tristique magna sit amet purus gravida quis. Mollis nunc sed id semper risus in hendrerit gravida rutrum.

My Second Title

My Third Title

Style: Primary

My First Title

My Second Title

My Third Title

Style: Secondary

My First Title

My Second Title

My Third Title

Style: Horizontal

My First Title

My Second Title

My Third Title

First Open

First

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Second

Third

Usage

Style: Default

My First Title

My Second Title

My Third Title

Style: Primary

My First Title

My Second Title

My Third Title

Style: Secondary

My First Title

My Second Title

My Third Title

Style: Horizontal

My First Title

My Second Title

My Third Title

First Open

First

Second

Third

All Open

First

Second

Third

All Closed

First

Second

Third

Sponsors

Title One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo suscipit ultricies. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Title Two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo suscipit ultricies. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Title Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo suscipit ultricies. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Title Four