React Swipe Gallery Component

Swipe gallery over React

You can view an online example in http://amadormf.github.io/react-swipe-gallery/

##Install

npm install --save react-swipe-gallery

##Example

import SwipeGallery from 'react-swipe-gallery'

//elements only for example
function getElements(numElements) {
  const elements = [];
  for (let i = 0; i < numElements; ++i) {
    elements.push(
      <div className="subelement" key={i}>
        { i }
      </div>
    );
  }
  return elements;
}

//swipe gallery example
const gallery = (
  <SwipeGallery
    elements={getElements(5)}
    maxElement={3}
  />  
);

##Props

Props Name	Type	Default	Description
elements	Array		Element of gallery
maxElements	Number	1	Max number of elements
onChangePosition	Function		Call when change the elements visibles
orientation	String	HORIZONTAL	SwipeGallery.VERTICAL or SwipeGallery.HORIZONTAL
className	String		Custom name class
buffer	Bool	true	if is true add a buffer for quickly transition
hideArrow	Bool	false	If is true don't show the arrows
hideArrowWithNoElements	Bool	true	If is true and maxElements > elements.length don't show the arrows
customStyles	String		Add inline styles to component
disableSwipe	Bool	false	Disable swipe event
stopPropagation	Bool	false	If is true, call a stopPropagation on touch events'
infinityGallery	Bool	true	If is true the gallery is infinity
arrow	Object	{ prev: '❮', next: '❯',}	Change the arrow, you can send a string or a element
initialPosition	Number	0	Initial position of gallery
position	Number		Change position of gallery