0.2.5 • Published 3 years ago
react-product-slider v0.2.5
React Product Slider · 
Demo
Installation
The easiest way to use react-product-slider is to install it from npm.
npm install react-product-sliderusage
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 |