Carousel 轮播

以轮播的方式显示一组元素

获取组件

MainIndividual
import { Carousel } from 'rsuite';

演示

默认

受控的幻灯片

外观

自动轮播

Props

<Carousel>

属性名称 类型(默认值) 描述
activeIndex number 控制当前可见幻灯片
as ElementType ('div') 自定义元素类型
autoplay boolean 自动轮播
children ReactNode 轮播的元素
classPrefix string ('carousel') 组件 CSS 类的前缀
defaultActiveIndex number (0) 默认的初始幻灯片
onSelect (index: number, event?: ChangeEvent) => void 活动项更改时触发的回调
onSlideEnd (index: number, event?: TransitionEvent) => void 幻灯片过渡结束时触发的回调
onSlideStart (index: number, event?: ChangeEvent) => void 幻灯片过渡开始时触发的回调
placement enum:'top','bottom','left','right' ('bottom') 按钮的位置
shape enum:'dot','bar' ('dot') 按钮的形状
Vercel banner