+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
+
`;
diff --git a/components/timeline/demo/alternate.md b/components/timeline/demo/alternate.md
new file mode 100644
index 0000000000..29a60a4f66
--- /dev/null
+++ b/components/timeline/demo/alternate.md
@@ -0,0 +1,30 @@
+
+#### 交替展现
+内容在时间轴两侧轮流出现。
+
+
+
+#### Alternate
+Alternate timeline.
+
+
+```html
+
+
+ Create a services site 2015-09-01
+ Solve initial network problems 2015-09-01
+
+
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
+
+ Network problems being solved 2015-09-01
+ Create a services site 2015-09-01
+
+
+ Technical testing 2015-09-01
+
+
+
+```
+
+
diff --git a/components/timeline/demo/index.vue b/components/timeline/demo/index.vue
index 9a04e05171..fba5b06603 100644
--- a/components/timeline/demo/index.vue
+++ b/components/timeline/demo/index.vue
@@ -3,6 +3,8 @@ import Basic from './basic.md'
import Color from './color.md'
import Pending from './pending.md'
import Custom from './custom.md'
+import Alternate from './alternate'
+import Right from './right'
import CN from '../index.zh-CN.md'
import US from '../index.en-US.md'
@@ -32,15 +34,12 @@ export default {
return (
-
-
-
-
-
+
+
diff --git a/components/timeline/demo/pending.md b/components/timeline/demo/pending.md
index 325056a009..c7351ab88d 100644
--- a/components/timeline/demo/pending.md
+++ b/components/timeline/demo/pending.md
@@ -1,21 +1,39 @@
-#### 最后一个
-当任务状态正在发生,还在记录过程中,可用幽灵节点来表示当前的时间节点(用于时间正序排列)。当 pending 值为 false ,可用定制元件替换默认时间图点。
+#### 最后一个及排序
+当任务状态正在发生,还在记录过程中,可用幽灵节点来表示当前的时间节点,当 pending 为真值时展示幽灵节点,如果 pending 是 React 元素可用于定制该节点内容,同时 pendingDot 将可以用于定制其轴点。reverse 属性用于控制节点排序,为 false 时按正序排列,为 true 时按倒序排列。
#### Last node
-When the timeline is incomplete and ongoing, put a ghost node at last. set `pending={true}` or `pending={a VNode Element}` or `slot="pending"`. Used in ascend chronological order. When `pending` is not false, set `pendingDot={a VNode Element}` or `slot="pendingDot"` to replace the default pending dot.
+When the timeline is incomplete and ongoing, put a ghost node at last. Set `pending` as truthy value to enable displaying pending item. You can customize the pending content by passing a React Element. Meanwhile, `slot="pendingDot"` is used to customize the dot of the pending item.
+`reverse={true}` is used for reversing nodes.
```html
-
+
+ Create a services site 2015-09-01Solve initial network problems 2015-09-01Technical testing 2015-09-01
+ Toggle Reverse
+
+
```
diff --git a/components/timeline/demo/right.md b/components/timeline/demo/right.md
new file mode 100644
index 0000000000..4d08745bea
--- /dev/null
+++ b/components/timeline/demo/right.md
@@ -0,0 +1,25 @@
+
+#### 右侧时间轴点
+时间轴点可以在内容的右边。
+
+
+
+#### Right alternate
+Right alternate timeline.
+
+
+```html
+
+
+ Create a services site 2015-09-01
+ Solve initial network problems 2015-09-01
+
+
+ Technical testing 2015-09-01
+
+ Network problems being solved 2015-09-01
+
+
+```
+
+
diff --git a/components/timeline/index.en-US.md b/components/timeline/index.en-US.md
index 1956aae00f..be121bd9dd 100644
--- a/components/timeline/index.en-US.md
+++ b/components/timeline/index.en-US.md
@@ -17,6 +17,9 @@ Timeline
| -------- | ----------- | ---- | ------- |
| pending | Set the last ghost node's existence or its content | boolean\|string\|slot | `false` |
| pendingDot | Set the dot of the last ghost node when pending is true | string\|slot | `` |
+| reverse | reverse nodes or not | boolean | false |
+| mode | By sending `alternate` the timeline will distribute the nodes to the left and right. | `left` \| `alternate` \| `right` | `left` |
+
### Timeline.Item
diff --git a/components/timeline/index.zh-CN.md b/components/timeline/index.zh-CN.md
index b08a3f662f..aca7297600 100644
--- a/components/timeline/index.zh-CN.md
+++ b/components/timeline/index.zh-CN.md
@@ -17,6 +17,8 @@
| --- | --- | --- | --- |
| pending | 指定最后一个幽灵节点是否存在或内容 | boolean\|string\|slot | false |
| pendingDot | 当最后一个幽灵节点存在時,指定其时间图点 | string\|slot | `` |
+| reverse | 节点排序 | boolean | false |
+| mode | 通过设置 `mode` 可以改变时间轴和内容的相对位置 | `left` \| `alternate` \| `right` |
### Timeline.Item