0

I'm using react-slick and I'd like to add some features to my slider. I need some help to disable the left arrow on the initial state of the slider, since the slider is infinite. Also, I'm displaying 3 elements and I want to add a gradient mask on the 3rd one (the one that is following the current slide - the current slider has class slick-active).

I'm thinking about using jQuery but since this is not a good practice, any feedback would be appreciated.

React-slick: https://react-slick.neostack.com

Rohit Verma
  • 3,657
  • 7
  • 37
  • 75
kent87
  • 1

1 Answers1

0

If you choose to use a slider that is not infinite, on the initial state the left arrow is disabled (class 'slick-disabled'). To hide it you can use CSS. For the second one you can use the 'afterChange' prop (This is an example).

Ionuț Alexandru Pîrău
  • 49
  • 1
  • 9