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.

Examples

API#

PropertyDescriptionTypeDefault
effectTransition effectscrollx | fadescrollx
dotsWhether to show the dots at the bottom of the gallerybooleantrue
verticalWhether to use a vertical displaybooleanfalse
autoplayWhether to scroll automaticallybooleanfalse
easingTransition interpolation function 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