React-slick: Custom Arrow (css property "slick-disabled")

Created on 7 Mar 2017  路  1Comment  路  Source: akiran/react-slick

Guidlines for posting new issue

I replaced the Arrows with custom arrows like in docs mentioned. All works fine, Clicking etc.
But I want to use the css property "slick-disabled" which isn't availeable when I replace the original arrows. Is there any hint anyone can give?

arrows: true,
nextArrow: ,
prevArrow: ,

I didn't reproduced it in fiddle because it isn't really an issue or bug.

Best Regards
Malte

picture malte1989

Most helpful comment

CustomArrow component will receive className as a prop
https://github.com/akiran/react-slick/blob/master/examples/CustomArrows.js#L7

It will have slick-disabled className when the button should be disabled

picture akiran on 13 Apr 2017
👍5

>All comments

CustomArrow component will receive className as a prop
https://github.com/akiran/react-slick/blob/master/examples/CustomArrows.js#L7

It will have slick-disabled className when the button should be disabled

akiran picture akiran on 13 Apr 2017
👍5
Was this page helpful?
0 / 5 - 0 ratings

Related issues

laveesingh picture laveesingh  路  3Comments
enriquelopez-atlas picture enriquelopez-atlas  路  3Comments
BradyEdgar94 picture BradyEdgar94  路  3Comments
will88 picture will88  路  3Comments
briziel picture briziel  路  3Comments