Tabs

A small flap of material on something, used to hold or manipulate it, or for identification and information. ChimpStudio theme comes with the option to add as many tabs as required. Different data sets can be managed distinctly with the help of tabs. It helps to keep data aligned in different categories and avoids mixing.

Horizontal Tabs with Icons

[tab style=”horizontal”][tab_item active=”yes” icon=”icon-twitter” title=”Morbi tristique senectus” tabs=”tabs”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc. Nulla facilisi.

[/tab_item]

[tab_item active=”no” icon=”icon-facebook” title=”Tristique ac pretium” tabs=”tabs”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc. Nulla facilisi.[/tab_item]
[tab_item active=”no” icon=”icon-youtube” title=”Adipiscing luctus” tabs=”tabs”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc. Nulla facilisi.[/tab_item]
[/tab][code title=”Horizontal Tabs Shortcode goes here”]
[tab style=”horizontal”]
[tab_item active=”yes” icon=”icon-instagram” title=”Tab Title 1″ tabs=”tabs”]Tab Title 1[/tab_item]
[tab_item icon=”” title=”Tab Title 2″ tabs=”tabs”]Tab Title 2[/tab_item]
[tab_item icon=”” title=”Tab Title 3″ tabs=”tabs”]Tab Title 3[/tab_item]
[/tab]
[/code]

Horizontal Tabs without Icons

[tab style=”horizontal”]
[tab_item active=”yes” icon=”” title=”Interdum vel quis” tabs=”tabs”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc. Nulla facilisi.[/tab_item]
[tab_item icon=”” title=”Varius interdum” tabs=”tabs”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc. Nulla facilisi.[/tab_item]
[tab_item icon=”” title=”Tab Title 3″ tabs=”tabs”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna viverra malesuada tempus, arcu quam eleifend sem, ut tempus magna tortor sed lacus. Phasellus dictum mattis ornare. Ut laoreet, risus ut ultrices sagittis, lorem nibh ultricies velit, non convallis purus ipsum sit amet nunc. Nulla facilisi.[/tab_item]
[/tab]

[code title=”Horizontal Tabs Shortcode goes here”]
[tab style=”horizontal”]
[tab_item active=”yes” icon=”” title=”Tab Title 1″ tabs=”tabs”]Tab Content 1[/tab_item]
[tab_item icon=”” title=”Tab Title 2″ tabs=”tabs”]Tab Content 2[/tab_item]
[tab_item icon=”” title=”Tab Title 3″ tabs=”tabs”]Tab Content 3[/tab_item]
[/tab][/code]

Vertical Tabs

[tab style=”vertical”]
[tab_item active=”yes” icon=”” title=”Prtretium non pretium” tabs=”tabs”]Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna.

Adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna [/tab_item]
[tab_item icon=”” title=”Nulla adipiscing ipsum” tabs=”tabs”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac arcu aliquet sem varius interdum vel quis odio. Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies.

Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas[/tab_item]
[tab_item icon=”” title=”Sed facilisis ultricie” tabs=”tabs”]Nulla adipiscing ipsum sit amet neque egestas sagittis. Sed eleifend ligula vel velit porta nec ullamcorper mauris ultricies. Sed facilisis ultricies velit at pharetra. Sed pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Pellentesque adipiscing luctus. Ut risus nisl, tristique ac pretium non, consequat quis urna. In hac habitasse platea dictumst. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam auctor, magna.[/tab_item]
[/tab]

[code title=”Vertical Tabs Shortcode goes here”]
[tab style=”vertical”]
[tab_item active=”” icon=”icon-instagram” title=”Tab Title 1″ tabs=”tabs”]Tab Content 1[/tab_item]
[tab_item icon=”” title=”Tab Title 2″ tabs=”tabs”]Tab Content 2[/tab_item]
[tab_item icon=”” title=”Tab Title 3″ tabs=”tabs”]Tab Content 3[/tab_item]
[/tab]
[/code]

Customization Options / Features

[list type=”tick” icon=”icon-ok”]
[list_item]Unlimited number of tabs.[/list_item]
[list_item]Categories data for the ease of clients.[/list_item]
[list_item]Different tab for different set of data.[/list_item]
[list_item]Any kind of content such as text, button or image can add in tabs.[/list_item]
[/list]

 

 

%d bloggers like this: