appendDots is a different feature to the native Slick...?

[kyleatcolenso]

appendDots (Vanilla)

"Change where the navigation dots are attached (Selector, htmlString, Array, Element, jQuery object)"

It appears that react-slicks method 'appendDots' simply wraps the dots in a custom element, is this a limitation of React Slick? I'm trying to move the dots outside of the slick scoped node.

[YossOviedo]

I can confirm that this doesn't seem to work the same as native Slick. It is allowing you to override dots and customize them, but if you want to move dots to the top, or in my case custom thumbnails to the top of the slider, there currently is no way. slick-slider allows you to specify a selector to move your dots to.

[akiran]

@YossOviedo You can use custom paging feature for your usecase https://react-slick.neostack.com/docs/example/custom-paging

[davidmcnee]

I create a completely separate "dots" navigation by creating a second slider instance and using asNavFor. I just set slidesToShow to the total number of slides. I used this example https://react-slick.neostack.com/docs/example/as-nav-for