Using Spyro Accordion you can create an accordion to display the text in a collapsed or condensed manner, letting you save space while still presenting an abundance of content within your page. Using Spyro accordion the visitors can browse through the item titles, and choose to expand an item only if it is of their interest.
Spyro Accordion is a multilevel module consisting of multiple Accordion levels of the same type where each level is an Individual Sub Module, which will have the controls necessary for setting the service, while the parent module will have settings that affect the entire service or all individual service such as Color, Active Box Shadow, Typography, etc.
To add the Spyro Accordion Module to your page first, edit the page using Tatsu and add a section with a column/row and then add the Spyro Accordion module in it.
Spyro Accordion is best suited for creating a FAQ Section or displaying content that has a title and description list. It lets you set a Title in clear Text and the Description Content with plain text or any other media. You can add as many levels as you need by hitting the Add Toggle Button.
You can style the accordion with Colors and Box Shadow by setting Normal Title Color, Active Title Color, Active Content Color, Active Border Color, Active Background Color and Active Box Color using Hex, RGBA, Color Swatches, or with a Color Palette. You can control the Typography of the Title and Description Content using TypeHub or using any custom font.
You can also modify the working and behavior of the Accordion service with advanced options like Spacing, Border, Box Shadow, Animation, CSS Identifiers, and its Visibility.