Carousel

An interactive extension of the Reel component to cycle through content.

Carousel

  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24

RTL Carousel

  • 24
  • 23
  • 22
  • 21
  • 20
  • 19
  • 18
  • 17
  • 16
  • 15
  • 14
  • 13
  • 12
  • 11
  • 10
  • 9
  • 8
  • 7
  • 6
  • 5
  • 4
  • 3
  • 2
  • 1
  • 0

Customized Arrows

  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24

Space

  • 0
  • 1
  • 2
  • 3
  • 4

Visible indices

  • -1, -1
  • -1, -1
  • -1, -1
  • -1, -1
  • -1, -1

Props

NameTypeRequiredDefaultDescription
spacexlarge |No-
itemsReact.ReactNodeNoItems to display inside carousel
scrollToLeftButton({ scrollToStep, disabled }: { { scrollToStep: function, disabled: boolean } }) => React.ReactElementNoScroll to left button
scrollToRightButton({ scrollToStep, disabled }: { { scrollToStep: function, disabled: boolean } }) => React.ReactElementNoScroll to right button