How To Use Responsive about react-owl-carousel

[Ma2iio]

my setting.
At widths greater than 0 px, show 1 item. greater than 600 px, show 2 item. greater than 1024 px, show 10 item. It used greater than only.

[KharareManisha555]

my setting.
At widths greater than 0 px, show 1 item. greater than 600 px, show 2 item. greater than 1024 px, show 10 item. It used greater than only.

Please give more clarification how to pass this values to OwlCaraousel component.

[anamwp]

Here is my solution.
I create a state in my component

state= {
        responsive:{
            0: {
                items: 1,
            },
            600: {
                items: 2,
            },
            1000: {
                items: 4,
            },
        },
    }

and call it inside owlCarousel component

<OwlCarousel
                            className="owl-theme"
                            loop={loop}
                            margin={gap}
                            nav={nav}
                            dots={dots}
                            items={column}
                            autoplay={autoPlay}
                            responsive={this.state.responsive}
                        >

Let me know if it solve the problem
Thanks.

[2point1creations]

Can i get more clarification of the exact syntax you would use to add the responsive code. I'm getting syntax compile errors how would i add it the example given in the docs

<OwlCarousel className="owl-theme" loop margin={10} nav items={5}>

[azizgharbi]

How to pass those params in OwlCaraousel component, Great question cause i cannot the way to do that

<OwlCarousel className="owl-theme" loop margin={10} nav items={5}>