I can enable navigation. Adding :navigationEnabled="true" to carousel doesn't effect anything.
Using with blank webpack starter.
Same here.
@iamdubx @cviebrock I'm not sure if this fixes the issue but I believe it's supposed to be :navigation-enabled=true.
Another thought is I thought my navigation was broken until I realized the carousel was too wide and pushing my nav icons off screen. Setting a max-width on your carousel container might be necessary.
@lhovee Thanks fixed it for me the param seems to be incorrect in the documentation.
Please fix the jsfiddle example:
Odd both methods of using the param works under jsfiddle (maybe caused by babel?)
Chris
Going to update the documentation with the proper kebab-case props now. Closing this issue, feel free to open another issue if you have any questions!
I am still having this issue. :navigation-enabled="true" or :navigationEnabled="true" is not working.
@devWaleed have you found a way to fix the issue?
@iamdubx @cviebrock I'm not sure if this fixes the issue but I believe it's supposed to be
:navigation-enabled=true.
Another thought is I thought my navigation was broken until I realized the carousel was too wide and pushing my nav icons off screen. Setting a max-width on your carousel container might be necessary.
This and the following css helped to reveal the links:
.VueCarousel-navigation-button {
position: relative;
}
Most helpful comment
@iamdubx @cviebrock I'm not sure if this fixes the issue but I believe it's supposed to be
:navigation-enabled=true.Another thought is I thought my navigation was broken until I realized the carousel was too wide and pushing my nav icons off screen. Setting a max-width on your carousel container might be necessary.