Timeline 时间轴 #

一个时间流信息显示组件

获取组件 #

import { Timeline } from 'rsuite';

// or
import Timeline from 'rsuite/Timeline';

演示 #

默认 #

自定义时间轴内容的对齐方式 #

自定义时间轴时间 #

无止境的 #

自定义图标 #

Props #

<Timeline> #

属性名称	类型(默认值)	描述
align	enum: 'left' | 'right' | 'alternate' ('left')	时间轴内容的对齐方式
as	ElementType ('ul')	为组件自定义元素类型
children *	Timeline.Item[]	组件的内容
classPrefix	string ('timeline')	组件 CSS 类的前缀
endless	boolean	时间轴无止境的

<Timeline.Item> #

属性名称	类型(默认值)	描述
as	ElementType ('li')	为组件自定义元素类型
children *	ReactNode	组件的内容
classPrefix	string ('timeline-item')	组件 CSS 类的前缀
dot	ReactNode	自定义时间轴点
time	ReactNode	自定义时间轴时间