{"id":1368,"date":"2024-07-18T04:22:26","date_gmt":"2024-07-18T04:22:26","guid":{"rendered":"https:\/\/preview.vwthemesdemo.com\/ibtana-visual-editor\/?page_id=1368"},"modified":"2024-10-05T11:53:37","modified_gmt":"2024-10-05T11:53:37","slug":"tabs-button","status":"publish","type":"page","link":"https:\/\/preview.vwthemesdemo.com\/ibtana-visual-editor\/tabs-button\/","title":{"rendered":"Tabs Block"},"content":{"rendered":"\n
<\/div>\n\n\n\n
\n
<\/span>
\n
\n
\n

MODULE<\/h2><\/div><\/div>\n\n\n\n

Tabs Block<\/h2><\/div><\/div>\n\n\n\n

Create beautiful and advanced tabs and add any Element in the Tab Body. Tab Title is created using Texts and Icons with various design options. You can create both vertical and horizontal tabs.<\/h2><\/div><\/div>\n\n\n\n
\n
Pricing<\/span><\/a><\/div><\/div>\n\n\n\n
View Sample<\/span><\/a><\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\"\"<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n

Tabs Block\u00a0features<\/h2><\/div><\/div>\n\n\n\n
\n
\n
\n
\"\"<\/figure>\n\n\n\n

Add Any Elements Inside <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Fill and Outline Tab Design <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tap Position Top, Bottom <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Icon Selection<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Icon Responsive Size<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Icon Normal and Hover <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Icon Normal and Hover<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Icon Responsive<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Item Normal and Hover<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Item Responsive Margin <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Item Normal <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Body Spacing\u00a0<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Body Normal <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Block Section HTML Tag <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Block Section Responsive <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Block Section Responsive <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Single Column Normal<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Responsive Position Static<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Display Mode with Hiding <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Remove Default Container<\/h2><\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n\n\n\n

Vertical and Horizontal Tab<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Responsive Alignment <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Icon Advanced Settings <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Icon Position Left <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Icon Normal and Hover<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Icon Spacing <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Icon Normal and Hover <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Item Advanced Settings <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Item Advanced <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Item Normal and Hover <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Body Advanced Options <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Tab Body Normal <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Block Section ID <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Advanced Background <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Block Section Spacing<\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Single Column Normal <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Block Section Design <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Responsive Z-Index <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Animation Options <\/h2><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n

Custom CSS<\/h2><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
\n

Tabs Block Demo<\/h2><\/div><\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n\n\n\n
\n
\"\"<\/figure>\n<\/div><\/div>\n\n\n\n
\n
\n

About Us<\/h2><\/div><\/div>\n\n\n\n

CosmosWP Yoga<\/strong><\/h2><\/div><\/div>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sagittis orci ac odio dictum tincidunt. Donec ut metus leo. Class aptent taciti sociosqu ad litora torquent per<\/h2><\/div><\/div>\n\n\n\n