# Timeline 时间轴

按时间顺序展示一系列的信息。

## 使用示例

<!-- <Half> -->

### 轻量时间轴

时间轴默认为 `mode="light"` 轻量样式：

[Example: Timeline](./_example/TimelineExample.jsx)

### 垂直时间轴

设置 `mode="vertical"` 启用，该模式相比轻量时间轴可承载更多信息：

[Example: TimelineVertical](./_example/TimelineVerticalExample.jsx)

### 左右交替

设置 `mode="vertical-alternate"` 启用左右交替模式：

[Example: TimelineAlternate](./_example/TimelineAlternateExample.jsx)

### 时间在左

设置 `mode="vertical-time-left"` 启用时间在左模式：

[Example: TimelineTimeLeft](./_example/TimelineTimeLeftExample.jsx)

<!-- </Half> -->

### 水平时间轴

设置 `mode="horizontal"` 启用水平展示时间轴：

[Example: Timeline Horizontal](./_example/TimelineHorizontalExample.jsx)

<!-- <Half> -->

### 样式配置

可配置虚线/节点主题/节点图标等样式：

[Example: TimelineTheme](./_example/TimelineThemeExample.jsx)

### 复杂场景

可实现折叠节点/复杂内容/动态加载等：

[Example: TimelineMore](./_example/TimelineMoreExample.jsx)


<!-- </Half> -->

## 组件属性

[Interface: TimelineProps](./Timeline.tsx)

[Interface: TimelineItemProps](./TimelineItem.tsx)