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.