---
title: Timeline - 时间轴
path: /timeline
nav:
  order: 1
  title: 桌面组件
  path: /design
group:
  order: 4
  title: 数据展示
  path: /dataShow
---

按照时间顺序或倒序规则的展示信息内容。

## 基础时间轴

按照时间顺序排列信息

<code src="./demos/basic.tsx" />

## 不同状态时间轴

可以依据不同场景，自定义轴点样式。

<code src="./demos/color.tsx" />

## 自定义时间轴

可以依据不同场景，自定义轴点样式。

<code src="./demos/custom.tsx" />

## 时间轴不同展示方式

依据不同场景，提供不同的展示方式，默认时间轴左侧展示

<code src="./demos/position.tsx" />

## 时间标签单独展示样式

依据不同场景，提供时间标签单独展示的样式

<code src="./demos/label.tsx" />