Carousel

import { Carousel } from 'antd'

<Carousel>
    <div>
        <img src="https://i.ibb.co/XXct0t6/assorted-lipsticks-3373746.jpg" alt="carousel" />
    </div>
    <div>
        <img src="https://i.ibb.co/GvHLPST/abstract-architectural-architecture-art-532561.jpg" alt="carousel" />
    </div>
    <div>
        <img src="https://i.ibb.co/BZ1KbWc/pink-flame-abstract-wallpaper-1684617.jpg" alt="carousel" />
    </div>
    <div>
        <img src="https://i.ibb.co/xgTyGxd/man-wearing-red-sweatshirt-and-black-pants-leaning-on-the-845434.jpg" alt="carousel" />
    </div>
</Carousel>

API

Property	Description	Type	Default	Version
afterChange	Callback function called after the current index changes	function(current)	-
autoplay	Whether to scroll automatically	boolean	false
beforeChange	Callback function called before the current index changes	function(from, to)	-
dotPosition	The position of the dots, which can be one of top bottom left right	string	bottom
dots	Whether to show the dots at the bottom of the gallery, object for dotsClass and any others	boolean | { className?:string }	true
easing	Transition interpolation function name	string	linear
effect	Transition effect	scrollx | fade	scrollx

Methods

Name	Description
goTo(slideNumber, dontAnimate)	Go to slide index, if dontAnimate=true, it happens without animation
next()	Change current slide to next slide
prev()	Change current slide to previous slide