React slider

Simple, React slider component with touch support and 0 dependencies. Just put your slides in it. Modern browsers and IE10+ (IE9 should work, but as flex is not supported you'll need to change CSS).

Download on GitHub

Features

• Lightweight, no dependencies
• Navigation, pager and arrows
• Swipe support, with velocity detection
• Easily customizable ~200 LOC

Usage

Include JS/CSS files, and in your React app wrap you slider in <Slider> Component.

<Slider>
  {/* Slides */}
  <div> A </div>
  <div> B </div>
  <div> C </div>
</Slider>

Default props

• loop: false - Should arrow navigation loop around
• selected: 0 - Slide to be selected
• showArrows: true - Show arrows navigation
• showNav: true - Show pager navigation

Any of the props can be dynamically changed.

<Slider
  loop={ false }
  selected={ 0 }
  showArrows={ true }
  showNav={ true }>