react-page-scroll-slider
v1.0.2
Published
React library for page scrolling like a slideshow
Downloads
4
Readme
react-page-scroll-slider
Install
npm install --save react-page-scroll-slider
Usage
import React from 'react'
import {
ScrollSliderProvider,
ScrollSlider,
useScrollSlider
} from 'react-page-scroll-slider'
const App = () => {
return (
<ScrollSliderProvider>
<MySliderComponent />
</ScrollSliderProvider>
)
}
const MySliderComponent = () => {
const { currentSlide } = useScrollSlider()
return (
<ScrollSlider slides={3}>
{currentSlide === 0 && (
<div className={'slide1'}>Your slide 1 content</div>
)}
{currentSlide === 1 && (
<div className={'slide2'}>Your slide 2 content</div>
)}
{currentSlide === 2 && (
<div className={'slide3'}>Your slide 3 content</div>
)}
</ScrollSlider>
)
}