Tab

[cols]

[col-6]

Standard Tab

[tabgroup  style=”1″]
[tab title=”First Tab” icon=”leaf”]Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam[/tab]
[tab title=”Second Tab” icon=”leaf”]Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos[/tab]
[tab title=”Third Tab” icon=”gift”]Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet[/tab]
[/tabgroup]

[/col-6]

[col-6]

Left Side Tab

[tabgroup style=”2″]
[tab title=”First Tab” icon=”leaf”]Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam[/tab]
[tab title=”Second Tab” icon=”leaf”]Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos[/tab]
[tab title=”Third Tab” icon=”gift”]Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet[/tab]
[/tabgroup]

[/col-6]

[/cols]

[divider style=”2″ class=””][/divider]

Center Tab

[tabgroup style=”3″]
[tab title=”First Tab” icon=”leaf”]Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam[/tab]
[tab title=”Second Tab” icon=”leaf”]Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos[/tab]
[tab title=”Third Tab” icon=”gift”]Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet[/tab]
[/tabgroup]

[divider style=”2″ class=”top-30″][/divider]

Usage

[tabgroup]
[tab title="Tab title" icon="ok"]Tab Content[/tab]
[/tabgroup]

Leave a Reply