oslider v1.0.5

Optimax React Slider (Light Version)

1. Install module using npm:

npm i --save oslider

2. Import slider module to React Component

import React from 'react';
import Slider from 'oslider';
 
  
export default class YourComponent extends React.Component {
    render() {
        const settings = {
            items: 4,
            arrows: true,
            speed: 300
        }
        
        return (
            <div className="your-compopent">
                
                <Slider {...settings}>
                    <span>1</span>
                    <span>2</span>
                    <span>3</span>
                    <span>4</span>
                    <span>5</span>
                    <span>6</span>
                    <span>7</span>
                </Slider>
                   
            </div>
        )
    }
}

4. Available settings:

1. items [number] - there's a quantity of elements that will be shown in slider, default value is 4
2. arrows [boolean] - show or hide arrows, default value is true
3. speed [number] - it's how fast your slider will change slides, default value is 300
4. reverse [boolean] - there's a order of you slides, default value is false