You are here

bs-accordion.html.twig in Bootstrap Kit 8.4

Same filename and directory in other branches
  1. 8.3 templates/bs-accordion.html.twig
{% if content %}
{% set id = random() %}
<div {{ attributes.addClass('mb-4').removeAttribute('id') }} id="accordion-{{ id }}">
  {% for region in layout.getRegionNames if content[region] %}
  <div class="card">

    <!-- Header as a toggler -->
    <a class="card-header h5" data-toggle="collapse" data-parent="#accordion-{{ id }}" href="#accordion-{{ id }}-{{ region }}">
      {{ content[region]['#label'] }}
    </a>

    <!-- Collapsible pane -->
    <div class="collapse {{ loop.first ? 'show' }}" id="accordion-{{ id }}-{{ region }}">
      <div class="card-block">
        {{ content[region] }}
      </div>
    </div>

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

File

templates/bs-accordion.html.twig
View source
  1. {% if content %}
  2. {% set id = random() %}
  3. <div {{ attributes.addClass('mb-4').removeAttribute('id') }} id="accordion-{{ id }}">
  4. {% for region in layout.getRegionNames if content[region] %}
  5. <div class="card">
  6. <!-- Header as a toggler -->
  7. <a class="card-header h5" data-toggle="collapse" data-parent="#accordion-{{ id }}" href="#accordion-{{ id }}-{{ region }}">
  8. {{ content[region]['#label'] }}
  9. </a>
  10. <!-- Collapsible pane -->
  11. <div class="collapse {{ loop.first ? 'show' }}" id="accordion-{{ id }}-{{ region }}">
  12. <div class="card-block">
  13. {{ content[region] }}
  14. </div>
  15. </div>
  16. </div>
  17. {% endfor %}
  18. </div>
  19. {% endif %}