diff --git a/packages/docs/docs/guide/markdown.md b/packages/docs/docs/guide/markdown.md
index 4eb002eb7b..af2a7f13bc 100644
--- a/packages/docs/docs/guide/markdown.md
+++ b/packages/docs/docs/guide/markdown.md
@@ -313,7 +313,7 @@ module.exports = {
   }
 </style>
 
-## Import Code Snippets <Badge text="beta" type="warn"/>
+## Import Code Snippets <Badge text="beta" type="warning"/>
 
 You can import code snippets from existing files via following syntax:
 
diff --git a/packages/docs/docs/guide/using-vue.md b/packages/docs/docs/guide/using-vue.md
index 53515418ed..26a4c8fb38 100644
--- a/packages/docs/docs/guide/using-vue.md
+++ b/packages/docs/docs/guide/using-vue.md
@@ -254,12 +254,12 @@ Specify a specific slot for a specific page (.md) for rendering. This will be us
 - [Writing a theme > Content Outlet](../theme/writing-a-theme.md#content-outlet)
 
 
-### Badge <Badge text="beta" type="warn"/> <Badge text="default theme"/>
+### Badge <Badge text="beta" type="warning"/> <Badge text="default theme"/>
 
 - **Props**:
 
   - `text` - string
-  - `type` - string, optional value: `"tip"|"warn"|"error"`, defaults to `"tip"`.
+  - `type` - string, optional value: `"tip"|"warning"|"error"`, defaults to `"tip"`.
   - `vertical` - string, optional value: `"top"|"middle"`, defaults to `"top"`.
 
 - **Usage**:
@@ -267,7 +267,7 @@ Specify a specific slot for a specific page (.md) for rendering. This will be us
 You can use this component in header to add some status for some API:
 
 ``` md
-### Badge <Badge text="beta" type="warn"/> <Badge text="default theme"/>
+### Badge <Badge text="beta" type="warning"/> <Badge text="default theme"/>
 ```
 
 **Also see:**
diff --git a/packages/docs/docs/theme/inheritance.md b/packages/docs/docs/theme/inheritance.md
index 89b8d1ca9d..7a2d5f58e8 100755
--- a/packages/docs/docs/theme/inheritance.md
+++ b/packages/docs/docs/theme/inheritance.md
@@ -1,4 +1,4 @@
-# Theme Inheritance <Badge type="warn" text="beta" />
+# Theme Inheritance <Badge type="warning" text="beta" />
 
 ## Motivation
 
diff --git a/packages/docs/docs/zh/guide/markdown.md b/packages/docs/docs/zh/guide/markdown.md
index 1ab7152673..faf68ecfb0 100644
--- a/packages/docs/docs/zh/guide/markdown.md
+++ b/packages/docs/docs/zh/guide/markdown.md
@@ -314,7 +314,7 @@ module.exports = {
   }
 </style>
 
-## 导入代码段 <Badge text="beta" type="warn"/>
+## 导入代码段 <Badge text="beta" type="warning"/>
 
 你可以通过下述的语法导入已经存在的文件中的代码段：
 
diff --git a/packages/docs/docs/zh/guide/using-vue.md b/packages/docs/docs/zh/guide/using-vue.md
index a69b59e8a1..235a26f942 100644
--- a/packages/docs/docs/zh/guide/using-vue.md
+++ b/packages/docs/docs/zh/guide/using-vue.md
@@ -252,12 +252,12 @@ export default {
 - [开发主题 > 获取渲染内容](../theme/writing-a-theme.md#获取渲染内容)
 
 
-### Badge <Badge text="beta" type="warn"/> <Badge text="默认主题"/>
+### Badge <Badge text="beta" type="warning"/> <Badge text="默认主题"/>
 
 - **Props**:
 
   - `text` - string
-  - `type` - string, 可选值： `"tip"|"warn"|"error"`，默认值是： `"tip"`
+  - `type` - string, 可选值： `"tip"|"warning"|"error"`，默认值是： `"tip"`
   - `vertical` - string, 可选值： `"top"|"middle"`，默认值是： `"top"`
 
 - **Usage**:
@@ -265,7 +265,7 @@ export default {
 你可以在标题中，使用这个组件来为某些 API 添加一些状态：
 
 ``` md
-### Badge <Badge text="beta" type="warn"/> <Badge text="默认主题"/>
+### Badge <Badge text="beta" type="warning"/> <Badge text="默认主题"/>
 ```
 
 **参考:**
diff --git a/packages/docs/docs/zh/theme/inheritance.md b/packages/docs/docs/zh/theme/inheritance.md
index 90d681607f..3a1c164047 100755
--- a/packages/docs/docs/zh/theme/inheritance.md
+++ b/packages/docs/docs/zh/theme/inheritance.md
@@ -1,4 +1,4 @@
-# 主题的继承 <Badge type="warn" text="beta" />
+# 主题的继承 <Badge type="warning" text="beta" />
 
 ## 动机