Carousel 轮播

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

获取组件

import { Carousel } from 'rsuite';

// or
import Carousel from 'rsuite/Carousel';

演示

默认

受控的幻灯片

外观

自动轮播

Props

属性名称 类型(默认值) 描述
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