0.2.5 • Published 2 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-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 |