stacked-react

install

npm i stacked-react

yarn add stacked-react

use

import StackedCardSlider from 'stacked-react';

const data = [
  {
    img: 'https://pyimagesearch.com/wp-content/uploads/2019/01/python_ml_header.png',
    title: 'Applied data science and Machine Leaning',
    recommended: true,
  },
  {
    img: 'https://webappsinfo.files.wordpress.com/2018/12/AndroidAppDev-Trends-min.jpg',
    title: 'Android App Development',
    recommended: true,
  },
  {
    img: 'https://dev-to-uploads.s3.amazonaws.com/i/1wwdyw5de8avrdkgtz5n.png',
    title: 'Learn ReactJs for FrontEnd',
    recommended: true,
  },
];

const App = () => {
  return (
    <div style={{ background: 'linear-gradient(45deg, #453552, #252425)' }}>
      <StackedCardSlider data={data} slideTime={3000} />
    </div>
  );
};

export default App;

links

Live link: https://arifpro.github.io/stacked-react

CodeSandBox: https://codesandbox.io/s/github/arifpro/StackedCardSlider