Carousel
Display a set of elements in a carousel
Import
import { Carousel } from 'rsuite';
// or
import Carousel from 'rsuite/lib/Carousel';Examples
Default
Appearance
Autoplay
Props
<Carousel>
| Property | Type (Default) |
Description |
|---|---|---|
| as | ElementType ('div') |
Custom element type |
| autoplay | boolean | Automatic carousel element. |
| autoplayInterval | number (4000) |
Delay in ms until navigating to the next item. |
| children | ReactNode | Carousel elements |
| classPrefix | string ('carousel') |
Component CSS class prefix |
| placement | enum:'top','bottom','left','right' ('bottom') |
Button placement |
| shape | enum:'dot','bar' ('dot') |
Button shape |