ant-design-vue/components/carousel/index.en-US.md
2022-03-30 19:36:12 +08:00

1.6 KiB

category type title cover
Components Data Display Carousel https://gw.alipayobjects.com/zos/antfincdn/%24C9tmj978R/Carousel.svg

A carousel component. Scales with its container.

When To Use

  • When there is a group of content on the same level.
  • When there is insufficient content space, it can be used to save space in the form of a revolving door.
  • Commonly used for a group of pictures/cards.

API

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

Methods

Name Description Version
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

For more info on the props, refer to the carousel props