!Video

Infinite logo slider

Installation

Install with npm

``bash
npm install react-infinite-logo-slider
`

Usage/Examples

`javascript
import Slider from 'react-infinite-logo-slider'

const Component = () => {

return (
width="250px"
duration={40}
pauseOnHover={true}
blurBorders={false}
blurBorderColor={'#fff'}
>

Other component...

)
}

export default Component
`

Slider props

`javascript
width="200px"
duration={40}
toRight={false}
pauseOnHover={false}
blurBorders={false}
blurBorderColor={'#fff'}
>
...

`

| Prop | Type | Default | Description |
| :-------- | :------- | :------- | :-------------------------------- |
| width | string | 200px | Required - Width of the ITEM |
| duration | number | 40 | The speed with which it moves (in seconds) |
| toRight | boolean | false | It moves in the right direction |
| pauseOnHover | boolean | false | The animation pauses on hover |
| blurBorders | boolean | false | A blur effect will appear at the ends of the slider |
| blurBorderColor | string | #fff | Color of blur |

Slide props

`javascript
id="sliderId"
key="any_key"
className="awesome_classname ...",
...
>
...

`

| Prop | Type | Description |
| :-------- | :------- | :-------------------------------- |
| props | any` | You can pass any props to this. |