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
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| space | xlarge | | No | - | |
| items | React.ReactNode | No | Items to display inside carousel | |
| scrollToLeftButton | ({ scrollToStep, disabled }: { { scrollToStep: function, disabled: boolean } }) => React.ReactElement | No | Scroll to left button | |
| scrollToRightButton | ({ scrollToStep, disabled }: { { scrollToStep: function, disabled: boolean } }) => React.ReactElement | No | Scroll to right button |