Symfony Profiler

<div class="tabs-component content-center" id="{{ idPrefix }}">
    <div class="flex flex-col md:flex-row border-b border-grey-100">
        {% for tab in tabs %}
            <button
                    type="button"
                    class="tab-button {{ loop.first ? 'active' : '' }} px-4 py-2 text-lg font-allerRegular text-grey-200 hover:text-grey-300 hover:border-grey-300"
                    data-tab-target="#{{ idPrefix }}-tab-{{ loop.index }}">
                {{ tab.label }}
            </button>
        {% endfor %}
    </div>
    <div class="tab-content mt-4">
        {% for tab in tabs %}
            <div
                    id="{{ idPrefix }}-tab-{{ loop.index }}"
                    class="tab-pane {{ loop.first ? 'block' : 'hidden' }}">
                {{ tab.content|raw }}
            </div>
        {% endfor %}
    </div>
</div>
templates/components/tabs.html.twig line 1
