> ## 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

> Documentation for the Timeline component, covering node content and status configuration to display processes or events vertically in chronological order.

Displays a stream of time-based information vertically.

## When to Use

* When a series of information needs to be arranged from top to bottom in chronological order.
* When a timeline is needed to visually connect the information.

## Component Example

## Component Properties

| Attribute    | Description                  | Type                                                                         | Default                                                                                                                                                                                                                                                                                                                                   |
| ------------ | ---------------------------- | ---------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `animation`  | Whether to enable animation  | `boolean`                                                                    | `true`                                                                                                                                                                                                                                                                                                                                    |
| `dataSource` | Configures the timeline data | [TimelineDataSource\[\]](/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`       | Configures data folding      | `any[]`                                                                      | `[ { foldArea: [1, 2], foldShow: false, }, ]`                                                                                                                                                                                                                                                                                             |