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.



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