templates/web/components/carousel.html.twig line 1

Open in your IDE?
  1. <div class="carousel-inner">
  2.     {% for item in carousel.slides %}
  3.         <div class="carousel-item {{ ( loop.index == 1 ) ? "active" : "" }}">
  5.             <div class="overlay"></div>
  7.             {% include '@web/components/picture.html.twig'
  8.                 with { 'mediaObject': item.mediaObject } %}
  9.             <div class="carousel-caption d-none d-md-block">
  10.                 <h5>{{ item.name|raw }}</h5>
  11.             </div>
  12.         </div>
  13.     {% endfor %}
  14. </div>
  16. <button class="carousel-control-prev" type="button" data-bs-target="#{{ carousel.id }}"
  17.         data-bs-slide="prev">
  18.     <span class="carousel-control-prev-icon" aria-hidden="true"><</span>
  19.     <span class="visually-hidden">Previous</span>
  20. </button>
  21. <button class="carousel-control-next" type="button" data-bs-target="#{{ carousel.id }}"
  22.         data-bs-slide="next">
  23.     <span class="carousel-control-next-icon" aria-hidden="true">></span>
  24.     <span class="visually-hidden">Next</span>
  25. </button>