-
First, install our library | use below npm script
npm i image-slider-without-library
-
Only Available in Npm for the Now
Props | Value Type | Description |
---|---|---|
ImageComponent |
images component, default as images , Array |
An Array Needed with Key 'i' for the ypu can map and change the Key |
arrowColor |
string | default color is black |
onPressImage |
function | Function (value)=>console.log(value) function return value of the image , only works if clickable is set to True |
clickable |
boolean | if True call onPressImage Function to use click function , default false |
showArrows |
boolean | Show the left and right arrows to change the Image Manually , default false |
autoPlay |
boolean | Slide the image from left to right interval time is 1500 |
circleLoop |
boolean | Works only if autoPlay is true the image are gone repeating after completing the loop |
<ImageSlider
showDots
arrowColor={'white'}
onPressImage={(imageData) => console.log('Any Action', imageData)}
clickable
showArrows
images={data}
circleLoop
autoPlay
/>