The Tabs element, analogous to browser tabs, facilitates the organization of multiple "Divs" within a confined space. It is particularly useful for single-page websites or instances with limited available space.
The Tabs element comprises three components: the Tab Menu, Tab Content, and Tab Panes. The Tab Menu allows users to navigate and access the content of each tab.
To add a Tab on your webpage:
Now, let’s go over how you can customize your Tabs and also add new Tab items if needed.
To do this, select the Tabs element and then click on the three-dot icon on its inline editor to open the Tab Settings.
Add New Tab: Click on the + icon to add a New Tab item. You’ll see this New Tab item added to the Tabs element on the Tabs Menu and also find its alias on the Tab Settings window.
Reorder Tabs: To rearrange Tab items, simply click on the six-dot icon located to the left of each item and drag it to the desired position.
Then, click on the ellipsis icon that’s beside each tab item to open the action menu and access the following options:
Animation: Set the entry transition style of the Tab content.
The Tabs element remains incomplete without content to display. Adding content to the Tabs is a straightforward process:
Was this page helpful?
Our website uses cookies to improve your browsing experience on our website. By continuing to use this website, you agree to their use. For details, please check our Privacy Policy.
Experience Droip in Action – Explore a live-built page and see the power of our builder in action.
Explore Live