ant-design/components/timeline/demo/basic.md

---
order: 0
title: 基本用法
---

基本的时间轴。

````jsx
import { Timeline } from 'antd';

ReactDOM.render(
  <Timeline>
    <Timeline.Item>创建服务现场 2015-09-01</Timeline.Item>
    <Timeline.Item>初步排除网络异常 2015-09-01</Timeline.Item>
    <Timeline.Item>技术测试异常 2015-09-01</Timeline.Item>
    <Timeline.Item>网络异常正在修复 2015-09-01</Timeline.Item>
  </Timeline>
, mountNode);
````
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
			`order: 0`
			`title: 基本用法`
			`---`
add timeline 2015-09-01 21:15:31 +08:00
			`基本的时间轴。`

			````jsx
ES6 syntax for demo code fix antd.notification 2015-10-28 20:55:49 +08:00			`import { Timeline } from 'antd';`
add timeline 2015-09-01 21:15:31 +08:00
beta2 2015-10-20 16:47:55 +08:00			`ReactDOM.render(`
upgrade eslint-config-airbnb version and fix some problems 2016-04-29 12:13:27 +08:00			`<Timeline>`
			`<Timeline.Item>创建服务现场 2015-09-01</Timeline.Item>`
			`<Timeline.Item>初步排除网络异常 2015-09-01</Timeline.Item>`
			`<Timeline.Item>技术测试异常 2015-09-01</Timeline.Item>`
			`<Timeline.Item>网络异常正在修复 2015-09-01</Timeline.Item>`
			`</Timeline>`
use mountNode replace the long getElementById 2015-12-29 12:08:58 +08:00			`, mountNode);`
add timeline 2015-09-01 21:15:31 +08:00			````