Carousel

The carousel (.carousel) is a horizontally-scrolling row of items with snap-to-item behavior and optional prev/next controls — used for image galleries, card decks, or any "swipeable" row of content. Unlike most display components it has real flickui.js wiring: .action-prev/.action-next buttons scroll the track by one item's width using a smooth native scroll, while the underlying scrolling itself is native CSS scroll-snap that also works via touch or trackpad with no script at all.

Slide one

Slide two

Slide three

<div class="carousel">
  <button type="button" class="carousel-control carousel-prev action-prev" aria-label="Previous slide">‹</button>
  <div class="carousel-track">
    <div class="carousel-item">Slide one</div>
    <div class="carousel-item">Slide two</div>
    <div class="carousel-item">Slide three</div>
  </div>
  <button type="button" class="carousel-control carousel-next action-next" aria-label="Next slide">›</button>
</div>