> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Timeline 时间轴

> Timeline 时间轴组件文档，介绍节点内容与状态配置，按时间顺序垂直展示流程或事件信息。

垂直展示的时间流信息。

## 何时使用

* 当有一系列信息需要从上至下按时间排列时。
* 需要有一条时间轴进行视觉上的串联时。

## 组件示例

<iframe src="https://www.aliwork.com/developer/timeLine-v2?isRenderNav=false" width="100%" height="480" frameBorder="0" />

## 组件属性

| 属性           | 说明        | 类型                                                                              | 默认值                                                                                                                                                                                                                                                                                                                                       |
| ------------ | --------- | ------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `animation`  | 是否开启动画    | `boolean`                                                                       | `true`                                                                                                                                                                                                                                                                                                                                    |
| `dataSource` | 用于配置时间轴数据 | [TimelineDataSource\[\]](/zh/open/yida/components/interface#timelinedatasource) | `[ { title: { zh_CN: "春天", en_US: "Spring", type: "i18n", }, time: "2021-03-10", }, { title: { zh_CN: "夏天", en_US: "Summer", type: "i18n", }, time: "2016-06-11", }, { title: { zh_CN: "秋天", en_US: "Autumn", type: "i18n", }, time: "2016-09-09", }, { title: { zh_CN: "冬天", en_US: "Winter", type: "i18n", }, time: "2016-12-08", }, ]` |
| `fold`       | 用于配置数据折叠  | `any[]`                                                                         | `[ { foldArea: [1, 2], foldShow: false, }, ]`                                                                                                                                                                                                                                                                                             |