react-lalit-slider v1.0.4

Slider

A React package for Slider

How to use it?

code formate as follow

import { Slider } from 'react-lalit-slider';

const MyScroll = () => {
  return (
    <div style={{ width: '100%' }}>
      <Slider>
        <>
          <div
            style={{
              backgroundImage: `url(add any url)`,
              backgroundRepeat: 'no-repeat',
              backgroundPosition: 'center',
              backgroundSize: 'cover',
              height: '38em',
              minWidth: '100%',
            }}
          ></div>
          <div
            style={{
              backgroundImage: `url(add any url)`,
              backgroundRepeat: 'no-repeat',
              backgroundPosition: 'center',
              backgroundSize: 'cover',
              height: '38em',
              minWidth: '100vw',
            }}
          ></div>
        </>
      </Slider>
    </div>
  );
};

export default MyScroll;

Types of Props and Effects

• With Arrows And Dots

<Scroll>

//... your elements

</Slider>

• With Only Arrows

<Scroll Dots={false}>

//... your elements

</Slider>

• With Only Dots

<Scroll Arrow={false}>

//... your elements

</Slider>

• With No Dots No Arrow

<Scroll Dots={false} Arrow={false}>

//... your elements

</Slider>

• With Speed Change

speed value in millisecond

<Scroll Dots={false} Arrow={false} auto={1000}>

//... your elements

</Slider>