From 627c29cc69f7a5cfd0975f7253e3ee14abfe4c4f Mon Sep 17 00:00:00 2001
From: "qingwei.li" <cinwell.li@gmail.com>
Date: Tue, 9 May 2017 10:15:43 +0800
Subject: [PATCH] doc: add load transiton on demand, fixed #4758

---
 examples/docs/en-US/transition.md | 12 ++++++++++++
 examples/docs/zh-CN/transition.md | 12 ++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/examples/docs/en-US/transition.md b/examples/docs/en-US/transition.md
index fde17951f..ab37ab55f 100644
--- a/examples/docs/en-US/transition.md
+++ b/examples/docs/en-US/transition.md
@@ -142,6 +142,18 @@ For collapse effect, use the `el-collapse-transition` component.
 ```
 :::
 
+### On demand
+
+```js
+// fade/zoom
+import 'element-ui/lib/theme-defaut/base.css';
+// collapse
+import CollapseTransition from 'element-ui/lib/transitions/collapse-transition';
+import Vue from 'vue'
+
+Vue.component(CollapseTransition.name, CollapseTransition)
+```
+
 <script>
   module.exports = {
     data: () => ({
diff --git a/examples/docs/zh-CN/transition.md b/examples/docs/zh-CN/transition.md
index 8bb7edcf1..ed1abb778 100644
--- a/examples/docs/zh-CN/transition.md
+++ b/examples/docs/zh-CN/transition.md
@@ -142,6 +142,18 @@ Element 内应用在部分组件的过渡动画，你也可以直接使用。在
 ```
 :::
 
+### 按需引入
+
+```js
+// fade/zoom 等
+import 'element-ui/lib/theme-defaut/base.css';
+// collapse 展开折叠
+import CollapseTransition from 'element-ui/lib/transitions/collapse-transition';
+import Vue from 'vue'
+
+Vue.component(CollapseTransition.name, CollapseTransition)
+```
+
 <style>
   .transition-box {
     margin-bottom: 10px;