解构

img
  1. 节点状态 用来显示节点当前的状态;
  2. 节点标题 节点的主要信息;
  3. 节点辅助信息(可选) 用户通过悬停或者点击的方式触发一个工具提示;
  4. 节点完成时间 节点完成的时间戳。

Components Demo

✅ Figma Variants

基础用法

时间轴组件建议将文字部分靠近用户主要游览区域。 可自定义节点状态颜色,非特殊情况不建议更换节点状态的尺寸大小。

类型

节点类型,对应原点会变成相应的颜色,可选:default,ongoing, success, warning, error