Getting Started
Jose Tamu
Sep 22, 2025 /
Beginner /
Light

Expanders

Label Heading
Phasellus vestibulum justo laoreet odio vehicula porttitor. Quisque nec volutpat mauris. Donec eu magna nec diam consequat auctor.
Label Heading
Phasellus vestibulum justo laoreet odio vehicula porttitor. Quisque nec volutpat mauris. Donec eu magna nec diam consequat auctor.
Label Heading
Phasellus vestibulum justo laoreet odio vehicula porttitor. Quisque nec volutpat mauris. Donec eu magna nec diam consequat auctor.

How it works

Expanders is a nestable widget that contains “Accordion Items”. Each Accordion item has a “Label” element that contains the Heading and Icon to show. It also contains a “Content” element with all the hidden content to be shown when toggled.
You can set any content you want at both Label and Content elements.
Accordion is an element especially designed to create FAQ sections and any other accordion types.

Content tab

Settings group

Mode: determines the event that will toggle expanders: hover or click.
Open one at a time: if enabled, only one expander can be opened at a time, closing any other expander as soon as a new expander is opened.
Open all by default: if enabled, all expanders will open when page loads.
Open this by default: admits an expander number that will open when page loads. e.g: 1 will open first expander at page load. Requires “Open all by default” to be false.

Animations groups

The Icon and Expand animations of the Accordions can be customized at both groups, including icon rotation’s degree and their durations.