Pee-Aye Creative Divi 5 Plugins Demo & Admin Sandbox

Home $ Divi Tabs Maker $ Tabs Tab Options

Tab Options

This section demonstrates the tab configuration options available in the Divi Tabs Maker module. You can control elements such as the tab title, subtitle, images, links, and other content settings for each tab.

Title and Subtitle

This example demonstrates how the title and subtitle options work in the tab settings. Tabs can display only a title, both title and subtitle, or only the subtitle depending on the configuration.

Title
This is sample placeholder content used to demonstrate how text will appear inside this tab. It helps preview spacing, typography, and alignment within the layout. Designers often use temporary text like this while building the structure of a page. Once the layout is finalized, the real content can easily replace it.
Title With Subtitle
This is sample placeholder content used to demonstrate how text will appear inside this tab. It helps preview spacing, typography, and alignment within the layout. Designers often use temporary text like this while building the structure of a page. Once the layout is finalized, the real content can easily replace it.

Icon and Image

This example demonstrates how icons and images can be displayed inside the tab labels. You can show an icon with the tab title, change the icon placement, or replace the icon with an image. Images can also be positioned in different locations such as the top or right side of the tab content.

Icon Display
This is sample placeholder content used to demonstrate how text will appear inside this tab. It helps preview spacing, typography, and alignment within the layout. Designers often use temporary text like this while building the structure of a page. Once the layout is finalized, the real content can easily replace it.
Icon Placement Top
This is sample placeholder content used to demonstrate how text will appear inside this tab. It helps preview spacing, typography, and alignment within the layout. Designers often use temporary text like this while building the structure of a page. Once the layout is finalized, the real content can easily replace it.
Image Instead of Icon
This is sample placeholder content used to demonstrate how text will appear inside this tab. It helps preview spacing, typography, and alignment within the layout. Designers often use temporary text like this while building the structure of a page. Once the layout is finalized, the real content can easily replace it.
Image on Right
This is sample placeholder content used to demonstrate how text will appear inside this tab. It helps preview spacing, typography, and alignment within the layout. Designers often use temporary text like this while building the structure of a page. Once the layout is finalized, the real content can easily replace it.
Image on Top
This is sample placeholder content used to demonstrate how text will appear inside this tab. It helps preview spacing, typography, and alignment within the layout. Designers often use temporary text like this while building the structure of a page. Once the layout is finalized, the real content can easily replace it.

Tab as Link

This example demonstrates how a tab can be used as a link. In this demo, each tab contains a link while the tab content is removed, so only the tab label is displayed and acts as a clickable navigation link.

Icon Placement Top