react-smart-scroller
Advanced tools
Comparing version 1.1.18 to 1.1.19
@@ -48,2 +48,9 @@ import React from 'react' | ||
Default false. | ||
Allows to render elements next to each other | ||
*/ | ||
renderNextToEachOther?: boolean | ||
/** | ||
Default false. | ||
Allows scroll with pagination | ||
@@ -50,0 +57,0 @@ */ |
{ | ||
"name": "react-smart-scroller", | ||
"version": "1.1.18", | ||
"version": "1.1.19", | ||
"description": "React-smart-scroller is a library that allows you to create highly customizable horizontal or vertical scroller in easy way. You can modify track styles or pass your own thumb (own component)", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
@@ -49,3 +49,3 @@ <p align="center"> | ||
startAt | {<br> startIndex: number<br> center?: boolean<br>}| Default: `undefined`.<br> Defines start position of scroller (index of element) | ||
paginationConfig | {<br> infinite?: boolean,<br> unactiveDotsColor?: string,<br> activeDotColor?: string,<br> transitionTime?: number,<br> minOffsetToChangeSlide?: number,<br> draggable?: boolean<br>} | Default: `undefined`.<br> `infinite` is optional boolean that allows user to scroll to first element from lsat after clicking next and in opposite way<br> `uncativeDotsColor` is optional string that defines unactive color of dots, default: `gray`<br> `activeDotColor` is optional string that defines active color of dot, default: `green`<br> `transitionTime` is optional number that sets transition time between slides Default: `1s` <br>`minOffsetToChangeSlide` is optional number that defines minimal offset needed to change slide in pixels Default: `150px`<br> `draggable` is optional boolean that enables switching slides by dragging them Default: `false` | ||
paginationConfig | {<br> infinite?: boolean,<br> unactiveDotsColor?: string,<br> activeDotColor?: string,<br> transitionTime?: number,<br> minOffsetToChangeSlide?: number,<br> draggable?: boolean,<br>withScroll?: boolean<br>} | Default: `undefined`.<br> `infinite` is optional boolean that allows user to scroll to first element from lsat after clicking next and in opposite way<br> `uncativeDotsColor` is optional string that defines unactive color of dots, default: `gray`<br> `activeDotColor` is optional string that defines active color of dot, default: `green`<br> `transitionTime` is optional number that sets transition time between slides Default: `1s` <br>`minOffsetToChangeSlide` is optional number that defines minimal offset needed to change slide in pixels Default: `150px`<br> `draggable` is optional boolean that enables switching slides by dragging them Default: `false` `withScroll` is optional boolean that enables -> for horizontal scroll pagination and for pagination scrollable inner wrapper<br> | ||
renderPagination | ({<br> selectedDot: number,<br> childrenCount: number,<br> onNext(): void,<br> onPrev(): void,<br> onDotClick(index: number): void<br>}) => JSX.Element | Default: `undefined`.<br> Replaces original pagination, first element is arrowLeft and last element is arrowRight, elements in between are 'dots'<br> `selectedDot` is an index of selectedDot<br> `childrenCount` number of children <br>`onNext` function that triggers next slide<br> `onPrev` function that triggers previous slide<br> `onDotClick` is a function that requires index of clicked dot, triggers transition to selected slide | ||
@@ -52,0 +52,0 @@ |
@@ -31,3 +31,4 @@ import React from 'react' | ||
draggable?: boolean, | ||
withScroll?: boolean | ||
withScroll?: boolean, | ||
renderNextToEachOther?: boolean | ||
}, | ||
@@ -34,0 +35,0 @@ style?: React.CSSProperties, |
Sorry, the diff of this file is not supported yet
1018292
10290