You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

1.3 KiB

category type title
Components Data Display Carousel

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
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) -
dots Whether to show the dots at the bottom of the gallery boolean true
easing Transition interpolation function name string linear
effect Transition effect scrollx | fade scrollx
vertical Whether to use a vertical display boolean false

Methods

Name Description
goTo(slideNumber) Change current slide to given slide number
next() Change current slide to next slide
prev() Change current slide to previous slide

For more info on the parameters, refer to the https://github.com/akiran/react-slick