Skip to content

Commit 0ece10a

Browse files
author
sagiv.bengiat
committed
breakpoint example updated
1 parent 8f7bd8d commit 0ece10a

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

src/docs/mdx/breakpoints.mdx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,10 @@ This is due to the fact that `react-elastic-carousel` is listening to the elemen
1616

1717
#### You can pass an array of objects that will signal `react-elastic-carousel` to change props like `itemsToShow` and `itemsToScroll` (and others) on different `width` values.
1818

19+
**ANY** prop can be passed directly to React Elastic Carousel or via a the breakpoint object. Keep in mind that a prop passed via a breakpoint will override a direct prop.
20+
1921
## Example
20-
(_Drag or use the resize buttons to see the changes..._)
22+
(_Resize the container to see the changes..._)
2123

2224
<Playground >
2325
{
@@ -26,7 +28,7 @@ This is due to the fact that `react-elastic-carousel` is listening to the elemen
2628
super(props);
2729
this.breakPoints = [
2830
{ width: 1, itemsToShow: 1 },
29-
{ width: 550, itemsToShow: 2, itemsToScroll: 2 },
31+
{ width: 550, itemsToShow: 2, itemsToScroll: 2, pagination: false },
3032
{ width: 850, itemsToShow: 3 },
3133
{ width: 1150, itemsToShow: 4, itemsToScroll: 2 },
3234
{ width: 1450, itemsToShow: 5 },

0 commit comments

Comments
 (0)