Let me give you a quick tour of the platform.

How to use Accordion Element

-An accordion allows you to present a list of items or sections, where each item can be expanded or collapsed to show or hide its content.-Accordions are especially useful for organizing and presenting information in a compact and user-friendly manner, particularly when you have limited screen space or want to reduce clutter.

Accordion

Drag and drop the Element to any location within your section or layout.

How to use the Accordion Element?

Accordion setting will appear after clicking the it's wrapper.

Click on the Accordion

Accordion Pop up Setting

You can choose how many accordions you want to display. Using this setting, you can also select the closed and open icon.

Accordion Settings

<ol><li>Tag- this give you an option to style your accordion and adjust spacing and gap. </li><li>Text- Change color of your text inside your accordion.</li><li>Background- Accordion background color.</li><li>Shadow- are used to create depth and dimension in user interfaces.</li></ol>

Tags Settings

A collapsible accordion's background, border, and shadow can all be changed, as well as the color of the navigation text.

Color

<ol><li>Size: The dimensions (width and height) of an element on a webpage.</li></ol><ol><li>Gap: The spacing between rows and columns of grid or flex items in layout models.</li><li>Padding: The space between an element's content and its border.</li></ol>

Sizes

The "transform" property is often used in conjunction with transitions to create visually appealing interactions.

Transform

-Animation can be used to create dynamic and visually engaging movements or changes in elements on a webpage. -Animations can capture users' attention, enhance user experience, and make a website more interactive and appealing.

Animation

-It has the ability to move elements by clicking and dragging them with a mouse cursor. -The term "freeform" suggests that users have more flexibility and control over the movement of these elements, possibly without any predefined alignment or snapping.

Toggle FreeForm Drag Positioning

This Setting allows you to position your element/Layout.Left, Center , Right and Justify option.

Center

"Select the parent element" refers to the action of choosing or targeting the container or enclosing element that holds a particular HTML element within a web page's document structure.