react-lory

React Slidy

[Deprecated] Use react-slidy instead.

**Attention! This package is deprecated, if you want to continue using it you should move to react-slidy.

GitHub project has been moved to https://github.com/miduga/react-slidy**

React minimalistic and performant slider.

Overview

React Slidy is a simple and minimal slider component. It's based on the fabulous lory.js slider altough the main idea is to move all the library javascript to React components.

Browser compatibility

I haven't did a lot of testing on that but it's supposed to work on Firefox, Chrome, Edge, Safari and IE 10+. If not, please, fill a issue.

Features

• Lazy Loading for slider and for every slide
• Server rendering compatible

Available Props

  classNameBase: PropTypes.string,
  doAfterDestroy: PropTypes.func,
  doAfterSlide: PropTypes.func,
  doBeforeSlide: PropTypes.func,
  ease: PropTypes.string,
  enableMouseEvents: PropTypes.bool,
  infinite: PropTypes.oneOfType([
    PropTypes.bool,
    PropTypes.number
  ]),
  lazyLoadConfig: PropTypes.object,
  onReady: PropTypes.func,
  rewind: PropTypes.bool,
  rewindSpeed: PropTypes.number,
  slideSpeed: PropTypes.number,
  slidesToScroll: PropTypes.number,
  snapBackSpeed: PropTypes.number

TODO

• Add a Demo page
• Move all library slider logic to react components
• Improve documentation
• Improve server rendering compatibility