overlapping_slide

Getting Started

Install

yarn add overlapping_slide or npm i overlapping_slide

How to use

import { StandSlide, HorizontalSlide } from 'overlapping_slide';
...
const slideData = [
  { color: "#788aff", child: <span>1</span> },
  { color: "#20898d", child: <span>2</span> },
  { color: "#9bacc9", child: <span>3</span> },
  { color: "#2f975e", child: <span>4</span> },
  { color: "#4555ff", child: <span>5</span> },
];

return ... 
<StandSlide slideData = {slideData} spaceBetween={160}/>
## Auto Run Slide
<StandSlide slideData = {slideData} spaceBetween={160} isAutoNext timeNext={5000}/>

<HorizontalSlide slideData = {slideData} spaceBetween={107}/>
## Auto Run Slide
<StandSlide slideData = {slideData} spaceBetween={160} isAutoNext timeNext={5000}/>

...

🌵 Good luck 🌵

Create By Lãm Hoàng

Read more

https://hoang-van-lam.github.io/overlapping_slide.github.io