Articles on: Components & Elements

Tab

Getting Started


You can add tabs to your website with the Tab element. This article will cover how to add and edit a tab element using the following element. Follow all instructions accordingly.


Follow the steps below to add a Tab element to your site.


  • Click on the (+) button labelled Add Element or Container within an empty container
  • From the Elements tab, select Tab Element


Refer to the GIF below:





Tab element after it is added



Editing the Tab element


Follow the steps and instructions below to add and edit a Tab element on your site.


The Tab element editor has the following options:


  • Tabs Items
  • Title Style
  • Content Style
  • Tabs Options
  • Background


The Tab element editor:



Tab Items


This option lets you copy, edit and delete items in your tab. Refer to the GIF below to demonstrate the settings inside this option.



Title Style


This option lets you stylize the title in the Tab element. With options like changing the color, adding a background etc.


Refer to the GIF below to see the settings being demonstrated inside this option ⬇️



Content Style


The content inside the Tab element can be edited from the Content Style option.


Refer to the Image and GIF below to see the settings being demonstrated inside this option ⬇️




Tabs Options


This option lets you set a breakpoint for each tab. Use the Selected Tab option to choose the tab where you want to change the breakpoint.



Background


In this option, you can change the background of the tab element, from adding a plain color to changing the gradient.


Updated on: 13/05/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!