react-simple-image-carousel

react-simple-image-carousel is a image carousel component for react.

You can customize :

• Image slides
• Direction buttons
• Slide selector buttons
• And etc

[ TODO ] Customize the animation.

Documentation at https://mutatedbread.github.io/react-simple-image-carousel

Installation

To get this package, run either :

yarn add react-simple-image-carousel

or

npm add react-simple-image-carousel --save

Simple Usage

Load into your files :

import {Slider} from "react-simple-image-carousel"

Example :

<Slider
	width={450}
	height={250}
	maxSwipeThreshold={250 * 0.15}
	minSwipeThreshold={40}
	swipeTimeThreshold={200}
	images={[
		"https://www.chewy.com/petcentral/wp-content/uploads/2018/05/lucky-corgi-butts-x-596-444x.jpg",
		"https://s3.amazonaws.com/cdn-origin-etr.akc.org/wp-content/uploads/2017/11/12225919/Pembroke-Welsh-Corgi-On-White-01.jpg",
		"https://upload.wikimedia.org/wikipedia/commons/thumb/f/fb/Welchcorgipembroke.JPG/1200px-Welchcorgipembroke.JPG"
	]}
/>