Spyro Documentation

Spyro Accordion

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.

Accordion Toggles

Spyro Accordion - Accordion Toggles

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.

Accordion Styling

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.

Accordion Advanced Options

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.

Privacy Settings
We use cookies to enhance your experience while using our website. If you are using our Services via a browser you can restrict, block or remove cookies through your web browser settings. We also use content and scripts from third parties that may use tracking technologies. You can selectively provide your consent below to allow such third party embeds. For complete information about the cookies we use, data we collect and how we process them, please check our Privacy Policy
Consent to display content from Youtube
Consent to display content from Vimeo
Google Maps
Consent to display content from Google
Consent to display content from Spotify
Sound Cloud
Consent to display content from Sound