Tabs

Framed Tabs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui urna, tristique eu mattis eu, elementum ac tellus. Sed in magna sit amet tortor convallis lacinia.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui urna, tristique eu mattis eu, elementum ac tellus. Sed in magna sit amet tortor convallis lacinia.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui urna, tristique eu mattis eu, elementum ac tellus. Sed in magna sit amet tortor convallis lacinia.

Button Tabs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui urna, tristique eu mattis eu, elementum ac tellus. Sed in magna sit amet tortor convallis lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui urna, tristique eu mattis eu, elementum ac tellus. Sed in magna sit amet tortor convallis lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui urna, tristique eu mattis eu, elementum ac tellus. Sed in magna sit amet tortor convallis lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada.

Vertical Tabs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui urna, tristique eu mattis eu, elementum ac tellus. Sed in magna sit amet tortor convallis lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur porta, sem ut sodales ullamcorper, magna est viverra nisl, pulvinar tempor felis dolor id massa.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui urna, tristique eu mattis eu, elementum ac tellus. Sed in magna sit amet tortor convallis lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur porta, sem ut sodales ullamcorper, magna est viverra nisl, pulvinar tempor felis dolor id massa.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui urna, tristique eu mattis eu, elementum ac tellus. Sed in magna sit amet tortor convallis lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur porta, sem ut sodales ullamcorper, magna est viverra nisl, pulvinar tempor felis dolor id massa.

Get the Code

[xt_tabs_framed]
[xt_tab title="First Tab" icon="tags"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui urna, tristique eu mattis eu, elementum ac tellus. Sed in magna sit amet tortor convallis lacinia.<br />
[/xt_tab]
[/xt_tabs_framed]
[xt_tabs_button]
[xt_tab title="First"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui urna, tristique eu mattis eu, elementum ac tellus. Sed in magna sit amet tortor convallis lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada.<br />
[/xt_tab]
[/xt_tabs_button]
[xt_tabs_vertical]
[xt_tab title="First Tab"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui urna, tristique eu mattis eu, elementum ac tellus. Sed in magna sit amet tortor convallis lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur porta, sem ut sodales ullamcorper, magna est viverra nisl, pulvinar tempor felis dolor id massa.<br />
[/xt_tab]
[/xt_tabs_vertical]

Shortcode Options

  • title – is the tab title
  • icon – optional Font Awesome icon name to be displayed with title or alone (optional)