@alm-engineering/react-scroll-snap-slider
v2.4.0
Published
> - Replaced `styled-components` with `@emotion/styled` and `@emotion/react` > - Changed typing in `Carousel/index.tsx` > - Added new prop `hideArrowsWhileScrolling` so the "hiding" of the arrows is optional > - Added new prop `hideArrowOnEnd` so the hidi
Downloads
242
Maintainers
Readme
react-scroll-snap-slider
- Replaced
styled-components
with@emotion/styled
and@emotion/react
- Changed typing in
Carousel/index.tsx
- Added new prop
hideArrowsWhileScrolling
so the "hiding" of the arrows is optional- Added new prop
hideArrowOnEnd
so the hiding of the arrow at start and end is optional- Support custom
breakpoints
(mobile, tablet and desktop)- Changed
scroll-snap-align
tostart
instead ofcenter
- Changed
scroll-snap-type
fromx mandatory
tox proximity
- Only publish the
dist
folder on npm- Added new prop
isCarousel
so the slider starts from beginning if the next arrow gets triggered at the end- Added new Arrow-Prop
disabled
so you know in the custom arrow if its the last slide or the first
This is a fork of the react-scroll-snap-slider
package from @lifarl.
Since it's one of the best options at the market when it comes to simplicity and file-size this module is a wonderful solution.
But since our project is based on the @emotion-stack and not styled-components we needed a clone with just those packages switched.
If you also want this package but with emotion is peerDependency you can install it with:
yarn add @alm-engineering/react-scroll-snap-slider
You can checkout the example page deployed with emotion as dependency here: https://alm-engineering.github.io/react-scroll-snap-slider/
Otherwise we recommend in using the official package.
Warning
We do not guarantee that this package is in sync with the original package.
Credits
- @lifarl