From c416dd307342c1e840a9cc6f21be1ba64a3accc9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B0=8F=E6=9C=AF?= <n551wv1@163.com>
Date: Wed, 1 Dec 2021 15:43:32 +0800
Subject: [PATCH] =?UTF-8?q?docs(result):=20=E6=96=B0=E5=A2=9Eresult?=
 =?UTF-8?q?=E8=8B=B1=E6=96=87=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../docs/en-US/components/result/index.md     | 85 +++++++++++++++++++
 1 file changed, 85 insertions(+)
 create mode 100644 packages/devui-vue/docs/en-US/components/result/index.md

diff --git a/packages/devui-vue/docs/en-US/components/result/index.md b/packages/devui-vue/docs/en-US/components/result/index.md
new file mode 100644
index 00000000..85dbf2f0
--- /dev/null
+++ b/packages/devui-vue/docs/en-US/components/result/index.md
@@ -0,0 +1,85 @@
+# Result
+
+Operation result feedback.
+
+### When To Use
+
+It is used to feed back the user's operation results or abnormal states.
+
+### Basic Usage
+
+:::demo
+
+```vue
+<template>
+  <div>
+    <d-row wrap>
+      <d-col :lg="6" :xs="24">
+        <d-result icon="success" title="Operation succeeded" desc="Operation success description"></d-result>
+      </d-col>
+      <d-col :lg="6" :xs="24">
+        <d-result icon="danger" title="Operation failed" desc="Operation failure description"></d-result>
+      </d-col>
+      <d-col :lg="6" :xs="24">
+        <d-result icon="warning" title="Operation warning" desc="Operation warning description"></d-result>
+      </d-col>
+      <d-col :lg="6" :xs="24">
+        <d-result icon="info" title="Operation information" desc="Operation information description"></d-result>
+      </d-col>
+    </d-row>
+  </div>
+</template>
+```
+
+:::
+
+### Custom
+
+:::demo
+
+```vue
+<template>
+  <div>
+    <d-result desc="Operation success description">
+      <template #icon>
+        <d-icon name="insert-image" size="64px"></d-icon>
+      </template>
+      <template #title>This is a custom title</template>
+      <template #extra>
+        <d-button id="primaryBtn" style="margin-right: 8px">Back to the home page</d-button>
+      </template>
+    </d-result>
+  </div>
+</template>
+```
+
+:::
+
+### d-result
+
+d-result Parameter
+
+| Parameter | Type                        | Default | Description       | Jump to Demo                |
+| --------- | --------------------------- | ------- | ----------------- | --------------------------- |
+| icon      | [`ResultIcon`](#ResultIcon) | info    | Specify icon type | [Basic Usage](#basic-usage) |
+| title     | string                      | -       | title             | [Basic Usage](#basic-usage) |
+| desc      | string                      | -       | description       | [Basic Usage](#basic-usage) |
+
+### ResultIcon
+
+The default value is 'info'
+
+```ts
+export type ResultIcon = 'success' | 'danger' | 'warning' | 'info'
+```
+
+### Slot
+
+There are two ways to use：`v-slot:icon` or Named Slots `#icon`
+
+| Parameter | Description        |
+| --------- | ------------------ |
+| icon      | Custom icon        |
+| title     | Custom title       |
+| desc      | Custom description |
+| extra     | Custom extra       |
-- 
Gitee