:navigationEnabled="true" not working

[hackuun]

I can enable navigation. Adding :navigationEnabled="true" to carousel doesn't effect anything.
Using with blank webpack starter.

[cviebrock]

Same here.

[lhovee]

@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.

[chrisribe]

@lhovee Thanks fixed it for me the param seems to be incorrect in the documentation.

[chrisribe]

Please fix the jsfiddle example:

<script async src="//jsfiddle.net/toddlawton/46wegz8a/embed/result,js/"></script>

Odd both methods of using the param works under jsfiddle (maybe caused by babel?)
Chris

[quinnlangille]

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!

[devWaleed]

I am still having this issue. :navigation-enabled="true" or :navigationEnabled="true" is not working.

[simbilim]

@devWaleed have you found a way to fix the issue?

[heavensloop]

@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;
}

[daviraquel]

I was having the same issue. Prop case style didn't work, suggested css didn't work either but made me take the same path. This one did the trick:

.VueCarousel-navigation-prev,
.VueCarousel-navigation-next {
transform: translateY(-50%) !important;
}

It seems the original transform properties for these classes, which also contained a translateX() were moving both buttons away from the screen.

They're also black with transparent background by default wich initially made me think they were not showing because the page was dark.