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. The shortcode including two shortcodes: Tabs and Tab. You can easy build the tab by using our visual shortcode in block/page builder as below:

Tabs wrapper:

Use this shortcode to add tab wrapper

Accordions properties:

• Effect: add accordion effect. The possible value can be None, Fade
• Custom Class: You can add your custom class for Accordion wrapper. we definded two class that help you to build the tabs as vertical or horizontal
  • horizontal: Add this class to build horizontal tab
  • verticle: Add this class to build vertical class

Tab Item

Use this shortcode to add tab item

Accordion properties:

• Title: Tab item title
• Icon: You this field to add icon before tab item title
• Show as expanded: Check this option if you want to show the tab item expanded in default
• Custom class: You can add your custom class for the accordion item

You can reference to link to view how shortcode display