react-product-slider

React Product Slider ·

Demo

click here for demo

Installation

The easiest way to use react-product-slider is to install it from npm.

npm install react-product-slider

usage

import ReactProductSlider from "react-product-slider";
const items = [
  {
    src: "mockImages/slide.jpg",
    alt: "slide",
    thumbnail: "mockImages/thumbnail.jpg",
  },
];
function App() {
  return (
    <div>
      <div className="slider">
        <ReactProductSlider items={items} />
      </div>
      <div className="content">
        <h4>React Product Slider</h4>
      </div>
    </div>
  );
}
export default App;

Props

Property	Required	Default	Example
items	yes	--	[{src: "slide.jpg",alt: "slide",thumbnail:"thumbnail.jpg"}]
classNamePrefix	no	--	my-rps
reverse	no	false	true
initialSelected	no	0	3

License

MIT licensed.