1
1
<p align =" center " >
2
- <img src="https://codegate.pl/screenshots /react-smart-scroller.png" width="400"/>
2
+ <img src="https://cdn. codegate.pl/react-smart-scroller /react-smart-scroller.png" width="400"/>
3
3
</p >
4
4
5
5
## <a href =' https://coveralls.io/github/codegateinc/react-smart-scroller?branch=master ' ><img src =' https://coveralls.io/repos/github/codegateinc/react-smart-scroller/badge.svg?branch=master ' alt =' Coverage Status ' /></a > <a href =' https://github.com/styled-components/styled-components ' ><img src =' https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357&colorA=db748e ' alt =' styled compoennts ' /></a > <a href =' https://www.typescriptlang.org/ ' ><img src =' https://badges.frapsoft.com/typescript/code/typescript.png?v=101 ' alt =' typescript ' height =20/ ></a > <a href =' http://opensource.org/licenses/MIT ' ><img src =' http://img.shields.io/badge/license-MIT-brightgreen.svg ' alt =' MIT ' /></a > <a href =" https://badge.fury.io/js/react-smart-scroller " ><img src =" https://badge.fury.io/js/react-smart-scroller.svg " alt =" npm version " ></a >
@@ -25,7 +25,7 @@ Define your own spacing or columns per scroller width simply passing props.
25
25
- Horizontal Slider with arrows and dots
26
26
27
27
<p align =" center " >
28
- <img src =" https://codegate.pl/screenshots /react-smart-scroller-demo-default.gif " />
28
+ <img src =" https://cdn. codegate.pl/react-smart-scroller /react-smart-scroller-demo-default.gif " />
29
29
</p >
30
30
31
31
### [ Live demo] ( https://codesandbox.io/embed/quizzical-lalande-tj4uq )
@@ -87,7 +87,7 @@ Let's create our first component
87
87
This is what you'll see in your browser:
88
88
89
89
<p align =" center " >
90
- <img src =" https://codegate.pl/screenshots /react-smart-scroller-usage-basic.png " />
90
+ <img src =" https://cdn. codegate.pl/react-smart-scroller /react-smart-scroller-usage-basic.png " />
91
91
</p >
92
92
93
93
### numCols
@@ -99,7 +99,7 @@ This is what you'll see in your browser:
99
99
)
100
100
101
101
<p align =" center " >
102
- <img src =" https://codegate.pl/screenshots /react-smart-scroller-usage-numCols.png " />
102
+ <img src =" https://cdn. codegate.pl/react-smart-scroller /react-smart-scroller-usage-numCols.png " />
103
103
</p >
104
104
105
105
### spacing
@@ -111,7 +111,7 @@ This is what you'll see in your browser:
111
111
)
112
112
113
113
<p align =" center " >
114
- <img src="https://codegate.pl/screenshots /react-smart-scroller-usage-spacing.png" />
114
+ <img src="https://cdn. codegate.pl/react-smart-scroller /react-smart-scroller-usage-spacing.png" />
115
115
</p >
116
116
117
117
### trackProps
@@ -127,7 +127,7 @@ This is what you'll see in your browser:
127
127
)
128
128
129
129
<p align =" center " >
130
- <img src="https://codegate.pl/screenshots /react-smart-scroller-usage-trackProps.png" />
130
+ <img src="https://cdn. codegate.pl/react-smart-scroller /react-smart-scroller-usage-trackProps.png" />
131
131
</p >
132
132
133
133
### thumb
@@ -150,7 +150,7 @@ This is what you'll see in your browser:
150
150
)
151
151
152
152
<p align =" center " >
153
- <img src="https://codegate.pl/screenshots /react-smart-scroller-usage-thumb.png" />
153
+ <img src="https://cdn. codegate.pl/react-smart-scroller /react-smart-scroller-usage-thumb.png" />
154
154
</p >
155
155
156
156
### vertical
@@ -169,7 +169,7 @@ This is what you'll see in your browser:
169
169
)
170
170
171
171
<p align =" center " >
172
- <img src="https://codegate.pl/screenshots /react-smart-scroller-usage-vertical.png" />
172
+ <img src="https://cdn. codegate.pl/react-smart-scroller /react-smart-scroller-usage-vertical.png" />
173
173
</p >
174
174
175
175
### draggable
@@ -181,7 +181,7 @@ This is what you'll see in your browser:
181
181
)
182
182
183
183
<p align =" center " >
184
- <img src="https://codegate.pl/screenshots /react-smart-scroller-usage-draggable.gif" />
184
+ <img src="https://cdn. codegate.pl/react-smart-scroller /react-smart-scroller-usage-draggable.gif" />
185
185
</p >
186
186
187
187
### pagination
@@ -193,7 +193,7 @@ This is what you'll see in your browser:
193
193
)
194
194
195
195
<p align =" center " >
196
- <img src="https://codegate.pl/screenshots /react-smart-scroller-pagination.png" />
196
+ <img src="https://cdn. codegate.pl/react-smart-scroller /react-smart-scroller-pagination.png" />
197
197
</p >
198
198
199
199
### renderPagination
@@ -244,7 +244,7 @@ This is what you'll see in your browser:
244
244
)
245
245
246
246
<p align =" center " >
247
- <img src="https://codegate.pl/screenshots /react-smart-scroller-pagination-renderPagination.gif" />
247
+ <img src="https://cdn. codegate.pl/react-smart-scroller /react-smart-scroller-pagination-renderPagination.gif" />
248
248
</p >
249
249
250
250
### paginationConfig
@@ -263,7 +263,7 @@ This is what you'll see in your browser:
263
263
)
264
264
265
265
<p align =" center " >
266
- <img src="https://codegate.pl/screenshots /react-smart-scroller-pagination-infinite.gif" />
266
+ <img src="https://cdn. codegate.pl/react-smart-scroller /react-smart-scroller-pagination-infinite.gif" />
267
267
</p >
268
268
269
269
#### draggable
@@ -280,7 +280,7 @@ This is what you'll see in your browser:
280
280
)
281
281
282
282
<p align =" center " >
283
- <img src="https://codegate.pl/screenshots /react-smart-scroller-pagination-draggable.gif" />
283
+ <img src="https://cdn. codegate.pl/react-smart-scroller /react-smart-scroller-pagination-draggable.gif" />
284
284
</p >
285
285
286
286
#### transitionTime
@@ -297,7 +297,7 @@ This is what you'll see in your browser:
297
297
)
298
298
299
299
<p align =" center " >
300
- <img src="https://codegate.pl/screenshots /react-smart-scroller-pagination-transitionTime.gif" />
300
+ <img src="https://cdn. codegate.pl/react-smart-scroller /react-smart-scroller-pagination-transitionTime.gif" />
301
301
</p >
302
302
303
303
#### minOffsetToChangeSlide
0 commit comments