The Content Toggle Element lets you create multiple tabs and hide their contents depending on the chosen tabs to let the visitors focus on each tab one at a time.
The content toggle setting consist of four parts:
- Tab Title - Enter the text for your tab title.
- Content Type - Select the type either 'Content' which will let you customize your own content or 'Template' which will let you use an already created template.
- Content - Enter the text for the content of your tab.
- Add Tab Content - Click the 'Add Tab Content' if you want to add more tabs in your element.
Select the style of your toggle when changin tabs either 'Normal Tab Style' or 'Animate Tab Style'.
Sets the alignment of the switcher.
Switcher Background Color
Sets the background color of the switcher.
Sets the gap of the switcher from the content.
Settings of the border for the switcher.
Settings of the box shadow for the switcher.
Sets the padding for the switcher.
Label Active Background
Sets the background color of the active tab of the switcher.
Label Active Typography
Customize the color, font, size, weight, family, style, line height, and letter spacing, and add shadow of the active tab of the switcher.
Customize the color, font, size, weight, family, style, line height, and letter spacing, and add shadow of the normal tab of the switcher.
Sets the padding for each of the labels in the switcher.
Select the animation type when it toggles from one content to another.
The duration of the animation when content is toggled.
The delay of the animation when content is toggled.