Customize arrows and dots inside a div so that we can position the main div of arrows and dots anywhere for Next.js 14.

[Irshadraza]

I want to customise the arrows and dots inside a div as below code

  for the design 

Kindly help me to slick slider code for the same.

[advanceddev]

u can create custom dots and arrows + use ref for catch control

[xiemic]

also interested in this topic

@advanceddev how do you create custom dots?

for the arrows you can apparently use ref and then call slickPrev() and slickNext()