Component: Accordion

Modified on Tue, 11 Oct 2022 at 02:50 PM

USAGE AREA: Center Flex Components / Flex Components


The Accordion tray is often used to house large amounts of information without creating an endless scroll on the page.  You can add individual accordions as necessary when using this component.  All accordions begin in the collapsed view when the page is loaded, and the user would click the plus (+) icon to expand the desired accordion to view its contents.


To create your first Accordion field within the component, click the 'Create' button under the AccordionComponent area.  You will be meet with the Create New Component dialog box, where you will click 'Create' to proceed.



The system will create the Accordion field entry, where you can place a Heading Title and place your content in the Copy area.



NOTE: The value in the Heading field will be shown as your Accordion field entry's title, and the content in the Copy field will be shown once that specific accordion field is expanded (by clicking the '+').




Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article