# Carousel

```jsx
import { Carousel } from 'antd'
```

```jsx
<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 <a href="#api" id="api"></a>

| 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 <a href="#methods" id="methods"></a>

| 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                               |