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 resolving door.

  • Commonly used for a group of pictures/cards.

Examples

API#

PropertyDescriptionTypeDefault
effectAnimation effect, either scrollx or fadestringscrollx
dotsWhether to show the dots at the bottom of the gallerybooleantrue
verticalWhether to use a vertical displaybooleanfalse
autoplayWhether to scroll automaticallybooleanfalse
easingTransition namestringlinear
beforeChangeCallback function called before the current index changesfunction(from, to)
afterChangeCallback function called after the current index changesfunction(current)

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