Timeline 设计文档
时间轴,用于对一系列信息进行时间排序时垂直展示。两种用法择一:传 dataSource 数据驱动(支持 content 属性及 Timeline.Item 全部属性),或在 children 内写 <Timeline.Item> 声明式。通过 mode 设置时间轴与内容的相对位置:left(默认)/right/center/alternate。
← API 文档使用建议
时间轴,用于对一系列信息进行时间排序时垂直展示。两种用法择一:传 dataSource 数据驱动(支持 content 属性及 Timeline.Item 全部属性),或在 children 内写 <Timeline.Item> 声明式。通过 mode 设置时间轴与内容的相对位置:left(默认)/right/center/alternate。
Accessibility
ARIA role:list
- ul/li 结构
- 时间点的连线以及时间点本身被设置了 aria-hidden,不会响应 Accessibility API
- 可通过传入 aria-label 设置 Timeline 组件的标签
设计变量
| 变量 | 默认值 | 用法 |
|---|---|---|
--cd-motion-timeline-head-custom-transform | translate(-50%, -50%) | 时间轴自定义图标节点位移(Semi $motion-timeline_head_custom-transform) |