Skip to content

voronianski/react-swipe

Repository files navigation

react-swipe

Brad Birdsall's swipe.js, as a React component.

Check out the demo from a mobile device (real or emulated).

Installation

npm install react-swipe

Usage

var React = require('react')
var ReactSwipe = require('react-swipe')

var Carousel = React.createClass({
    render: function () {
        return (
            <ReactSwipe
                continuous={false}
            >
                <div>'PANE 1'</div>
                <div>'PANE 2'</div>
                <div>'PANE 3'</div>
            </ReactSwipe>
        );
    }
});

React.render(<Carousel />, document.body)

Props

Properties use all options from Swipe.js config and one additional:

  • slideToIndex Integer - index position to set by Swipe's .slide() method on componentDidUpdate lifecycle method. It's useful when you need to control ReactSwipe out of component

MIT Licensed