React-slick: Custom next/next arrows disabled

[will88]

Hi, Do you know if there is a way to add the "slick-disabled" class in order to hide the Custom next/prev arrows? I need it for a responsive carousel.

Thanks

[blairanderson]

the next/prev arrows are provided className props which include slick-disabled if it is disabled.

[will88]

@blairanderson Ok I got it! Thank you

[giladbr]

Worked like a charm, though I didn't see any other documentation about it. Also, I found that once I added className to the arrow component:

let NextArrow = ({ onClick, className}) => (
    <div className={className}>

I had to add (s)CSS to override the arrow color on hover:

.slick-arrow {
    &:hover i:before {
        color: $colorBlue!important; //otherwise it becomes white on hover...
    }
}

I guess it's just the default styling which I don't know another way to disable/override.