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)