Search code examples
reactjsimagecarouselresponsive

How can I remove the part below the carousel?

I am using react-responsive-carousel to add carousel in react. Here is my code:

<Carousel autoPlay interval="5000" transitionTime="5000">
                    <div>
                        <img src="https://picsum.photos/700/400?img=1" />
                        <p className="legend">My Classic Still 1</p>
                    </div>
                    <div>
                        <img src="https://picsum.photos/700/400?img=2" />
                        <p className="legend">My Classic Still 2</p>
                    </div>
                    <div>
                        <img src="https://picsum.photos/700/400?img=3" />
                        <p className="legend">My Classic Still 3</p>
                    </div>
                </Carousel>

how can I remove the part below it. I marked the part in the picture which I want to remove. enter image description here

Solution

  • You have to set the showThumbs props to false like below

    <Carousel autoPlay interval="5000" transitionTime="5000" showThumbs={false}>