Move dots in slick outside container?

Question

JavaScript

The task is to move arrows and slider control points outside the slider Slick
According to the documentation, arrows can be moved using

appendArrows:'.slider-arrows',
  prevArrow:'<span class="slider-arrow"><</span>',
  nextArrow:'<span class="slider-arrow">></span>',

and in any desired place But how to display dots there?
<div class="slider-arrows"></div>

Answer 1

appendDots
Change where the navigation dots are attached (Selector, htmlString, Array, Element, jQuery object )
https://kenwheeler.github.io/slick/