Tabs based on the content of sections built directly on the page
![Tabs Sections 2 tabs sections 1](https://e-addons.com/wp-content/uploads/2021/04/tabs_sections_1.png)
Sections
Define which sections you want to use as content and the characteristics of your tabs:
- The label of item
- The #ID target of section or element (view *)
- Tab icon
Tabs Style
You can choose from numerous graphic styles and build horizontal tabs that best suit your needs.
The width and position of the tabs complete the layout.
![Tabs Sections 3 tabs sections 2](https://e-addons.com/wp-content/uploads/2021/04/tabs_sections_2.png)
![Tabs Sections 4 tabs sections 3](https://e-addons.com/wp-content/uploads/2021/04/tabs_sections_3.png)
Bar
Icon Box
Line
Triangle
Flip up
Icon fall
Circle
Shape
Line Box
Flip
Circle Fill
Trapezoid
* Get the ID in any element
![Tabs Sections 17 copypaste element id 1](https://e-addons.com/wp-content/uploads/2020/07/copypaste-element-id_1.png)
Right click
![Tabs Sections 18 copypaste element id 2](https://e-addons.com/wp-content/uploads/2020/07/copypaste-element-id_2.png)
Copy ID
![Tabs Sections 19 copypaste element id 3](https://e-addons.com/wp-content/uploads/2020/07/copypaste-element-id_3.png)
Paste in the field
Styles
![Tabs Sections 20 tabs sections style](https://e-addons.com/wp-content/uploads/2021/04/tabs_sections_style.png)
Colors
Custom colors for each state:
- Normal
- Active
for the following items:
- Tab color
- Tab background color
- Line color
- Background color of content (optional)
![Tabs Sections 21 tabs sections style 2](https://e-addons.com/wp-content/uploads/2021/04/tabs_sections_style_2.png)
Title & Icon
Customize the title and icon based on your favorite style.
Title
- Color
- Typography
- Alignment
Icon
- Color
- Size
- Space
DEMO
Tabs Sections
Base example
![Tabs Sections 22 placeholder](https://e-addons.com/wp-content/plugins/elementor/assets/images/placeholder.png)
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.