Timeline 时间轴

一个时间流信息显示组件

获取组件

import { Timeline } from 'rsuite';

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

演示

默认

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

自定义时间轴时间

无止境的

自定义图标

Props

<Timeline>

属性名称 类型(默认值) 描述
align '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 自定义时间轴时间
Vercel banner