Tab

[column size=”1/2″]

[heading]Horizontal[/heading]

[tab]

[tab_element name=”Tab 1″]

[dropcap font=”gothic”]C[/dropcap]ypi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica est etiam processus.
[/tab_element]

[tab_element name=”Tab 2″ icon=”music”]

[dropcap icon=”printer” /]uis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum uis autem vel eum iriure dolor assum uis autem.

[/tab_element]

[tab_element name=”Tab 3″]

[dropcap style=”2″]M[/dropcap]orem ipsum dolor sit amet, consectetuer adipiscing elit, sed chaa diam nonummy nibh euismod tincidunt ut laoreet dolore magnagi aliquam erat volutpat. Suscipit lobortis nisl ut aliquip ex ea commodo consequat lorem ipsum dolor sit amet, consectetuer adipiscing elit.

[/tab_element]

[/tab]

[/column]

[column size=”1/2″ last=”true”]

[heading]Vertical[/heading]

[tab style=”2″]

[tab_element name=”Tab 1″ icon=”time”]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed chaa diam nonummy nibh euismod tincidunt ut laoreet dolore magnagi aliquam erat volutpat.

Suscipit lobortis nisl ut aliquip ex ea commodo consequat. Namas liber tempor cum soluta nobis eleifend option congue nihil grandi imperdiet doming id.

[/tab_element]

[tab_element name=”Tab 2″ icon=”music”]

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio.

Dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id

[/tab_element]

[tab_element name=”Tab 3″ icon=”leaf”]

Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.

Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum.
[/tab_element]

[/tab]

[/column]

[spacer /]

[pre]HORIZONTAL
[[tab style=”1″]
[tab_element name=”Tab 1″ icon=””]CONTENT[/tab_element]
[tab_element name=”Tab 2″ icon=”music”]CONTENT[/tab_element]
[tab_element name=”Tab 3″ icon=””]CONTENT[/tab_element]
[/tab]]

VERTICAL
[[tab style=”2″]
[tab_element name=”Tab 1″ icon=”time”]CONTENT[/tab_element]
[tab_element name=”Tab 2″ icon=”music”]CONTENT[/tab_element]
[tab_element name=”Tab 3″ icon=”leaf”]CONTENT[/tab_element]
[/tab]][/pre]

[hr /]

Usage

tab shortcode has only 1 parameter namely style. style 1 means horizontal tab and style 2 means vertical tab. Here’re parameters of tab_element inside tab shortcode:

[list type=”plus”]

  • name: Tab name
  • icon: choose from the icon set

[/list]

Leave a Reply

Your email address will not be published. Required fields are marked *