In this doc you will learn to make a custom arrows and progress bar for any slick slider

Lets break this into 3 different files just for making the codes more scalable

1. SliderArrow Component (If we dont need a progress bar)
2. SliderProgressAndArrow Component
3. Page where the slider is to be created

Add your component JS files inside src/components

Add your CSS Module files inside src/styles/components

SliderArrow Component

• SliderArrow.js
• SliderArrow.module.scss

SliderProgressAndArrow Component

• SliderProgressAndArrow.js
• SliderProgressAndArrow.module.scss

Parent Page where your slider is used