Carousel - Keep React
Table of Contents#
- Default Carousel
- Carousel With Loop
- SlidesToScroll
- Auto Play Plugin
- ClassNames Plugin
- API Reference
- Reference
Default Carousel#
Default Carousel component allows you to display a series of images, content, or media items in a rotating manner. It is often used to showcase multiple items in a limited space, allowing users to view different items by sliding or swiping through them.
Carousel With Loop#
Carousel with loop option for slide items.
SlidesToScroll#
The number of slides to scroll at a time.
Auto Play Plugin#
Auto play carousel slides.
ClassNames Plugin#
Style slide items with a custom class.
API Reference#
Explore the available props for the carousel component
Property | Description | Type | Default |
---|---|---|---|
options | Embla carousel options. | EmblaOptionsType | {} |
plugins | Embla carousel plugins for adding more variants. | EmblaPluginType[] | None |
carouselViewportClasses | Customize the viewport of the carousel container | String | '' |
Reference#
To learn more about the Carousel, please see the documentation of Carousel