react-product-spinner v1.0.3
React Product Spinner
A customizable product spinner component for React.
Live Demo
https://react-product-spinner.netlify.app
Installation
npm install react-product-spinner#Usage
import ReactProductSpinner from 'react-product-spinner';
const productImages= [
"https://example.com/image1.jpg",
"https://example.com/image2.jpg",
"https://example.com/image3.jpg",
"https://example.com/image4.jpg",
"https://example.com/image5.jpg",
]
// Example usage
function App() {
return (
<div>
<h1>My Product Page</h1>
<ReactProductSpinner images={productImages} infinite={true} speed={3} />
{/* Additional content */}
</div>
);
}props
| Prop Name | Type | Is Required | Default Value | Description |
|---|---|---|---|---|
| images | string[] | required | [] | An array of images to be displayed |
| infinite | Boolean | optional | true | Infinite loop |
| speed | Number | optional | 3 | Rotation speed |
| touchDrag | Boolean | optional | true | Handle touch events |
| mouseWheel | Boolean | optional | true | Handle mouse wheel events |
| mouseDrag | Boolean | optional | true | Handle mouse drag events |
| slider | Boolean | optional | false | Show slider input |
| sliderClass | String | optional | Custom slider CSS class |
License
This project is licensed under the MIT License - see the LICENSE.md file for details.
Contributing
Contributions are welcome! Please refer to the Contributing Guidelines for more information.
Issues
Report any issues or feature requests on the Issues page.
Changelog
See the Changelog file for details on version history and updates.
Credits
https://github.com/micheleriva/vue-product-spinner/ --(micheleriva)
Ensure to replace the placeholder URLs, such as the npm package version badge, license badge, repository links, and author links, with the appropriate URLs specific to your package.
Feel free to further customize the content, styling, and organization of the README.md file to best convey the information and provide a clear understanding of your React Product Spinner npm package.