News ticker

<div class="ecl-news-ticker" data-ecl-news-ticker="true" data-ecl-auto-init="NewsTicker">
  <div class="ecl-news-ticker__container"><svg class="ecl-icon ecl-icon--m ecl-news-ticker__icon" focusable="false"
      aria-hidden="true">
      <use xlink:href="/dist/media/icons.aa842b0d.svg#information"></use>
    </svg>
    <div class="ecl-news-ticker__content">
      <ul class="ecl-news-ticker__slides" id="news-ticker-example-content">
        <li class="ecl-news-ticker__slide"><a href="/example" class="ecl-link ecl-news-ticker__slide-text">Lorem ipsum
            dolor sit amet, consectetur adipiscing elit</a></li>
        <li class="ecl-news-ticker__slide"><a href="/example"
            class="ecl-link ecl-link--icon ecl-news-ticker__slide-text"><svg
              class="ecl-icon ecl-icon--2xs ecl-link__icon" focusable="false" aria-hidden="true" role="img">
              <title>External link</title>
              <use xlink:href="/dist/media/icons.aa842b0d.svg#external"></use>
            </svg><span class="ecl-link__label">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
              ut aliquip ex ea commodo consequat</span></a></li>
        <li class="ecl-news-ticker__slide"><a href="/example" class="ecl-link ecl-news-ticker__slide-text">Duis aute
            irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</a></li>
        <li class="ecl-news-ticker__slide"><a href="/example" class="ecl-link ecl-news-ticker__slide-text">Excepteur
            sint occaecat cupidatat officia deserunt mollit anim id est laborum</a></li>
        <li class="ecl-news-ticker__slide"><a href="/example" class="ecl-link ecl-news-ticker__slide-text">Sed ut
            perspiciatis unde omnis iste natus error sit voluptatem accusantium</a></li>
        <li class="ecl-news-ticker__slide"><a href="/example" class="ecl-link ecl-news-ticker__slide-text">Nemo enim
            ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores</a>
        </li>
      </ul>
    </div>
  </div>
  <div class="ecl-news-ticker__controls"><button
      class="ecl-button ecl-button--primary ecl-news-ticker__prev ecl-button--icon-only" type="button"
      data-ecl-news-ticker-prev><span class="ecl-button__container"><span class="ecl-button__label"
          data-ecl-label="true">Previous item</span><svg
          class="ecl-icon ecl-icon--l ecl-icon--rotate-270 ecl-button__icon" focusable="false" aria-hidden="true"
          data-ecl-icon>
          <use xlink:href="/dist/media/icons.aa842b0d.svg#corner-arrow"></use>
        </svg></span></button><button class="ecl-button ecl-button--primary ecl-news-ticker__play ecl-button--icon-only"
      type="button" data-ecl-news-ticker-play><span class="ecl-button__container"><span class="ecl-button__label"
          data-ecl-label="true">Play news ticker</span><svg class="ecl-icon ecl-icon--l ecl-button__icon"
          focusable="false" aria-hidden="true" data-ecl-icon>
          <use xlink:href="/dist/media/icons.aa842b0d.svg#play-outline"></use>
        </svg></span></button><button
      class="ecl-button ecl-button--primary ecl-news-ticker__pause ecl-button--icon-only" type="button"
      data-ecl-news-ticker-pause><span class="ecl-button__container"><span class="ecl-button__label"
          data-ecl-label="true">Pause news ticker</span><svg class="ecl-icon ecl-icon--l ecl-button__icon"
          focusable="false" aria-hidden="true" data-ecl-icon>
          <use xlink:href="/dist/media/icons.aa842b0d.svg#pause"></use>
        </svg></span></button><button class="ecl-button ecl-button--primary ecl-news-ticker__next ecl-button--icon-only"
      type="button" data-ecl-news-ticker-next><span class="ecl-button__container"><span class="ecl-button__label"
          data-ecl-label="true">Next item</span><svg class="ecl-icon ecl-icon--l ecl-icon--rotate-90 ecl-button__icon"
          focusable="false" aria-hidden="true" data-ecl-icon>
          <use xlink:href="/dist/media/icons.aa842b0d.svg#corner-arrow"></use>
        </svg></span></button>
    <div class="ecl-news-ticker__counter"><span class="ecl-news-ticker__counter--current">1</span> of <span
        class="ecl-news-ticker__counter--max">6</span></div>
  </div>
</div>