Articles on: Components & Elements


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

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.


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


Thank you!