1.1.4 • Published 9 months ago

react-infinite-logo-slider v1.1.4

Weekly downloads
-
License
ISC
Repository
github
Last release
9 months ago

Video

Infinite logo slider

Installation

Install with npm

  npm install react-infinite-logo-slider

Usage/Examples

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

const Component = () => {
    
    return (
        <Slider
            width="250px"
            duration={40}
            pauseOnHover={true}
            blurBorders={false}
            blurBorderColor={'#fff'}
        >
            <Slider.Slide>
                <img src="/slider/any.png" alt="any" className='w-36' />
            </Slider.Slide>
            <Slider.Slide>
                <img src="/slider/any2.png" alt="any2" className='w-36' />
            </Slider.Slide>
            <Slider.Slide>
                <img src="/slider/any3.png" alt="any3" className='w-36' />
            </Slider.Slide>
            <Slider.Slide>
                <div>
                    Other component...
                </div>
            </Slider.Slide>
        </Slider>
    )
}              
                     
export default Component

Slider props

  <Slider
    width="200px"
    duration={40}
    toRight={false}
    pauseOnHover={false}
    blurBorders={false}
    blurBorderColor={'#fff'}
  >
    ...
  </Slider>
PropTypeDefaultDescription
widthstring200pxRequired - Width of the ITEM
durationnumber40The speed with which it moves (in seconds)
toRightbooleanfalseIt moves in the right direction
pauseOnHoverbooleanfalseThe animation pauses on hover
blurBordersbooleanfalseA blur effect will appear at the ends of the slider
blurBorderColorstring#fffColor of blur

Slide props

  <Slider.Slide
    id="sliderId"
    key="any_key"
    className="awesome_classname ...",
    ...
  >
    ...
  </Slider.Slide>
PropTypeDescription
propsanyYou can pass any props to this.
1.1.1

9 months ago

1.1.0

9 months ago

1.1.4

9 months ago

1.1.3

9 months ago

1.1.2

9 months ago

1.0.13

2 years ago

1.0.12

2 years ago

1.0.11

2 years ago

1.0.10

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago