1.0.0-alpha.3 • Published 7 years ago

react-sldr v1.0.0-alpha.3

Weekly downloads
2
License
MIT
Repository
github
Last release
7 years ago

react-sldr Build Status

A small React component to create a responsive slider in your app. It was created to have minimum calculation in JS. Layout is totally controlled over css.

:exclamation: Pls, be aware it's an early alpha-version. Almost proof-of-concept. I will work further on improovements and stability. But PR's and issues are welcome.

Installation

npm install --save react-sldr

Example

<Slider>
  <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide1" />
  <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide2" />
  <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide3" />
  <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide4" />
  <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide5" />
  <img src="http://placehold.it/1000x400/ffffff/c0392b/&text=slide6" />
</Slider>

Options

There are few options available:

ParameterTypeDescription
classNameString(not required) Additional classname you can append to the basic root element class slider
controlsBoolean(default: true) Show/hide control elements
slidesAtOnceNumber(default: 1) Number of slides to scroll at once
1.0.0-alpha.3

7 years ago

1.0.0-alpha.2

7 years ago

1.0.0-alpha.1

7 years ago

1.0.0-alpha

7 years ago