An accordion functions as a vertically stacked menu of headers that unveil additional details upon clicking. It prioritizes essential information while keeping the rest readily accessible.
Opting for the accordion layout empowers administrators to specify all displayed data fields, positioning them within the accordion—be it top right, top left, bottom right, or bottom left. Additionally, administrators can assign icons to each data field from an extensive selection, enhancing clarity and comprehension. Furthermore, they have the flexibility to determine how accordion fields are grouped and which data field appears in the headings.
We have set up a course for this layout on our demo page. There, you will find various implementation examples along with descriptions of their respective settings.

This accordion organizes course information by category, allowing the selection of appropriate icons for each detail to enhance structure. Additionally, search filters can be integrated for improved navigation.
Integrate background color or gradients as well as course images.


This accordion organizes information of video time sessions by course, indicating details and activity completion.