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

# タイムライン

> YiDAのタイムラインコンポーネントの使い方を解説。ノードのコンテンツや状態を設定し、プロセスやイベントを時系列で縦方向に表示する方法を紹介します。

時間軸に沿った情報を縦方向のストリームとして表示します。

## 使用シーン

* 一連の情報を時系列に沿って上から下へ並べたい場合。
* タイムラインで情報同士を視覚的につなげたい場合。

## コンポーネント例

## コンポーネントプロパティ

| 属性           | 説明                 | タイプ                                                                             | デフォルト                                                                                                                                                                                                                                                                                                                                     |
| ------------ | ------------------ | ------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `animation`  | アニメーションを有効化するかどうか  | `boolean`                                                                       | `true`                                                                                                                                                                                                                                                                                                                                    |
| `dataSource` | タイムラインデータの設定に使用します | [TimelineDataSource\[\]](/ja/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, }, ]`                                                                                                                                                                                                                                                                                             |