Newer
Older
pre-www / src / blocks / tabs.twig
<div class="block-{{block.key}} {{block.classes}}">
    <div class="block-container" data-tabs-container>
        <div class="block-{{block.key}}__tabs">
            {% for tab in block.content.tabs %}
                <button class="{% if loop.first %} is-selected{% endif %}" data-tab-target="{{loop.index}}">{{tab.name}}{% if not loop.last %},{% endif %}</button>
            {% endfor %}
        </div>
        {% for tab in block.content.tabs %}
            <div class="block-{{block.key}}-tab" data-tab-index="{{loop.index}}" style="{% if loop.first %}display:block{% endif %}">

                {% for block in tab.inner_blocks %}
                    {% include './'~block.key~'.twig' with {'block': block } %}
                {% endfor %}                

            </div>
        {% endfor %}
    </div>
</div>