I want to add Materializecss "Options" carousel,
to be autoslide, How can I add "duration" options into twig template?
https://materializecss.com/carousel.html#options

This carousel can be slide by manualy by select the indicators.
Thank you.

Here my template:

{% set slide_interval         =  content.field_slide_interval|render %}
{% set slide_interval_classes =  content.field_slide_interval['#items'].getString() %}

{% set paragraph_id = 'slide-' ~ paragraph.id.value %}

{{ content|without('field_slide_content','field_slide_interval','field_format') }}

{% block carousel %}
  <div {{ attributes.addClass(classes).setAttribute('id', paragraph_id) }}>
  
    <div class = "carousel carousel-slider center"
        {{ attributes.addClass()
          .setAttribute('indicators', 'false')
          .setAttribute('duration', slide_interval_classes) }}>

      {% for key, item in content.field_slide_content if key|first != '#' %}
        <div class = "carousel-item" href = "#{{ paragraph_id }}">
          {{ item }}
        </div>
      {% endfor %}
    </div>
    
  </div>
{% endblock %}

Comments

zheleong created an issue.