React-slidepage NPM

react-slidePage

Introduction

react-slidePage is a fullscreen scrolling component of React, Based on slidePage

Demo

Usage

Install

$ npm i -S react-slidepage

Work on a React instance:

import { SlideContainer, SlidePage } from 'react-slidepage';
require('react-slidepage/lib/index.css');

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      list: [
        {name: 'Page1', class: 'page1'}
        {name: 'Page2', class: 'page2'}
      ]
    }
  }
  render() {
    return (
      <SlideContainer>
        {
          this.state.list.map((item, index) => {
            return (
              <SlidePage className={item.class}>
                {item.name}
              </SlidePage>
            )
          })
        }
      </SlideContainer>
    )
  }
}