React-Slick Carousel - Disable arrows

react-slick, reactjs

Solution

Please take a look at their docs. They have an option disable it.

https://github.com/akiran/react-slick

<ReactSlick arrows={false}>...</ReactSlick>

Problem

We are using React-Slick for the Carousel effect in our application. The content in the slider is dynamic and the length of the Carousel items can be between 4 to 20. The problem is that even when the width of all the content is less than the width of the slider track, the left-right arrows work. What is the solution/workaround to hide or disable these arrows in such case?

Original source