A slider of logos or react components that scroll horizontally infinitely
npm install react-infinite-logo-sliderbash
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. |