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 |