react-page-scroll-slider v1.0.2

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>
  )
}

License

MIT ©