Grouped content that is navigated horizontally.
Carousel component is a low-level controlled component. It displays multiple items in a row and animates when the
selectedIndex changes. It is infinite by default and the contents are draggable by touch devices.
The items in the carousel that appear horizontally.
The index of the left-most item to display in the carousel. Supports all numbers.
This function is called while a user is dragging the carousel and receives the new index.
This should update the
selectedIndex prop similarly to an
onChange in a controlled
(newIndex: number) => void
The number of items that are visible at once.
The amount space separating each item. Supports CSS values such as