Tabs

Tabs shortcode is used for structuring content with tabs (uses DIVs). Each tab has title and content. When certain tab is selected, its content is displayed. Each tab can have two states - selected and unselected. You can insert horizontal or vertical tabs.

We can create a tab quickly by using syntax as below:

[tabs class="horizontal"][tab title="TAB No.1" icon="fa fa-hand-o-right"] Text [/tab][/tabs]
[tabs class="vertical left"][tab title="TAB No.1" icon="fa fa-hand-o-right"] Text [/tab][/tabs]
[tabs class="vertical right"][tab title="TAB No.1" icon="fa fa-hand-o-right"] Text [/tab][/tabs]

NOTE: STYLE can be one of values

• horizontal
• vertical
• left
• right

NOTE: icon is a valid class name from Font Awesome

You can reference to link to view how shortcode display