Spyro Documentation

Spyro Fancy Tabs

Fancy Tabs are the best way of displaying data as seen in advanced tabs but in a more elusive and fancy way.

Fancy tabs are just like advanced tabs instead they are horizontally placed and come without any button linking to a page. Fancy tabs Consist of a Text Title with an icon(Tatsu Icon), Main Content Title, and the supporting description along with an image. Fancy tabs are the best alternative displaying features or other points that require attention.

Fancy Tabs is another way of displaying your content dynamically with more styles. Just like the advanced tabs Fancy Tabs is also a multilevel module consisting of multiple tabs of the same type where each tab 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 Tab Navigation, Tab Content Typography, Alignment, etc.

To add the Spyro Fancy Tabs Module to your page first, edit the page using Tatsu and add a section with a column/row and then add the Spyro Fancy Tabs module in it. You can have as many tabs as you want and configure them all in the same way.

Fancy Tabs

Spyro Fancy Tabs - Fancy Tabs

Fancy Tabs – Stying

Using the Style tab you can style the Tab Navigation in the Normal State and in the Active State using TItle Color, Icon Color, Set Typography using TypeHub or Custom Font, Set Title Style, and Active Box Shadow.

You can even style the Tab Content with Title Color, Content Text Color, Set Typography using TypeHub or Custom Font, Style Title along with the Content. Using fancy tabs alignment options like Reverse Columns you can reverse the direction of columns and also align the image vertically.

Fancy Tabs – Advacned Options

You can also modify the working and behavior of the tabs 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