@glidejs/glide/tests/fixtures/html.js

Glide.js is a dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more

export default `
<div id="glide" class="glide">
  <div data-glide-el="controls" class="glide__arrows">
    <button class="glide__arrow glide__arrow--start" data-glide-dir="<<">start</button>
    <button class="glide__arrow glide__arrow--start" data-glide-dir="|<">prev viewport</button>
    <button class="glide__arrow glide__arrow--prev" data-glide-dir="<">prev</button>
    <button class="glide__arrow glide__arrow--next" data-glide-dir=">">next</button>
    <button class="glide__arrow glide__arrow--start" data-glide-dir="|>">next viewport</button>
    <button class="glide__arrow glide__arrow--end" data-glide-dir=">>">end</button>
  </div>

  <div data-glide-el="controls" class="glide__bullets">
    <button class="glide__bullet" data-glide-dir="=0">0</button>
    <button class="glide__bullet" data-glide-dir="=1">1</button>
    <button class="glide__bullet" data-glide-dir="=2">2</button>
    <button class="glide__bullet" data-glide-dir="=3">3</button>
    <button class="glide__bullet" data-glide-dir="=4">4</button>
    <button class="glide__bullet" data-glide-dir="=5">5</button>
    <button class="glide__bullet" data-glide-dir="=6">6</button>
  </div>

  <div data-glide-el="track" class="glide__track">
    <ul class="glide__slides">
      <li class="glide__slide">0</li>
      <li class="glide__slide">1</li>
      <li class="glide__slide">2</li>
      <li class="glide__slide">3</li>
      <li class="glide__slide">4</li>
      <li class="glide__slide">5</li>
      <li class="glide__slide">6</li>
    </ul>
  </div>
</div>
`