React slick (slider)

Question

I have a simple question. (about React-slick)

Input data:

• property slidesToShow: 6,
• total slides in slider === 6

Is it possible to make this slider to make loop? Right now if slidesToShow === total slides in slider, then: no loop, no dots, no infinity. Nothing happening.

Answer 1

Hope this one help you

import Slider from "react-slick";

const settings = {
  slidesToShow: 6,
  infinite: true, // enable looping
  dots: true, // show dots
  // other settings...
};

const MySlider = () => {
  return (
    <Slider {...settings}>
      {/* render your slides here */}
    </Slider>
  );