Allows you to add tab list block on your page.

Tip: Quickly duplicate or delete items by clicking an item’s Duplicate or Delete icon

---

Content

By clicking on each item you can customize their content and settings, which are:

1. Active: Choose whether to make the icon active or not.
2. Use Image: Choose an image from the media library instead of icon.
3. Icon: Choose from a list of Font Awesome icons.
4. Label: Enter the title of the icon box.

1. Content Type: Enter the description of the feature.
2. Choose Template: Enter the description of the feature.

Content Settings

Style Setting

You can manually edit styles for each item

Tabs Position: Set the position of the tab as right, left and center.
Tabs Control Width: Set the width of the tabs manually.

Background

1. Color: Set the background color for the tabs.
2. Image: Choose an image from the media library.
3. Text Padding: Set the distance between the icon and the border.
4. Border Radius: Set the border radius for the tabs background to control corner roundness.
5. Box-shadow: Give the tabs a box shadow.

Tabs Control

1. Background Color: Set the background color for the tabs.
2. Background Image: Choose an image from the media library.
3. Tabs Box Padding: Set the distance between the tabs.
4. Border Radius: Set the border radius for the tabs background to control corner roundness.
5. Tab Width: Set the width of the tabs manually.
6. Tab Height: Set the height of the tabs manually.
7. Box-shadow: Give the tabs a box shadow.

Tabs Control Items

1. Alignment: Set the background color for the tabs.
2. Icon Margin: Set the outer spacing between the edge of the icon and the edge of the item.
3. Image Margin: Set the outer spacing between the edge of the image and the edge of the item.
4. Image Width: Set the width of the image manually.
5. Icon Position: Set the position of the tab as top, middle and down.
6. State Styles: You can manually edit styles for (Normal – Hover – Active).
7. Text Color: Set the tab’s text color.
8. Typography: Customize the typography of the text.
9. Icon Color: Choose a color for the icon.
10. Icon Size: Choose a size for the icon.

Tabs Content

1. Background Type: Choose whether to display the background as color or image.
2. Padding: Set the inner spacing between the edge of the background and the edges.
3. Image Margin: Set the outer spacing between the edge of the image and the edge of the item.
4. Border Type: Choose the type of the border.
5. Border Radius: Set the border radius for the tabs content to control corner roundness.

---

Output