Tab

LastUpdate : 2019/08/27

Structure

<div class="module-tab {tabBottom} {dashBorder}">
    <div class="tabList {justifyCenter} {justifyRight}">
        <!--  for loop [tab in data]  -->
        <div class="tabListItem" data-index="{tab.key}">{tab.tabTitle}</div>
        <!--  for loop End  -->
    </div>

    <div class="tabContentContainer">
        <!--  for loop [tab in data]  -->
        <div class="tabContent {flexRow} {flexRowReverse}" data-contenttype="{contentType}">

            <!-- if contentType != '2' -->
            <div class="text">{tab.text}</div>

            <div class="image {blockImageRatio}" style="background-image: url({tab.image})"></div>
        </div>
        <!--  for loop End  -->

        <!-- if arrow == '1' -->
        <div class="arrowPrev disabled"></div>
        <div class="arrowNext"></div>

    </div>
</div>