From 29fd3eb21704b09344393c9a057156700a51118e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E5=AD=A9=E5=8F=AF=E5=8F=AF=E7=88=B1=E7=88=B1?=
 <49635988+sunnyCoCosun@users.noreply.github.com>
Date: Wed, 22 Jun 2022 19:43:08 +0800
Subject: [PATCH] docs: [tag] add tag theme example (#8413)

---
 docs/examples/tag/theme.vue | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/docs/examples/tag/theme.vue b/docs/examples/tag/theme.vue
index dfe32eb5d0db4..4cadb36759c0d 100644
--- a/docs/examples/tag/theme.vue
+++ b/docs/examples/tag/theme.vue
@@ -21,6 +21,28 @@
       {{ item.label }}
     </el-tag>
   </div>
+  <div class="tag-group my-2 flex flex-wrap gap-1 items-center">
+    <span class="tag-group__title m-1">Light</span>
+    <el-tag
+      v-for="item in items"
+      :key="item.label"
+      class="mx-1"
+      :type="item.type"
+      effect="light"
+    >
+      {{ item.label }}
+    </el-tag>
+    <el-tag
+      v-for="item in items"
+      :key="item.label"
+      class="mx-1"
+      :type="item.type"
+      effect="light"
+      closable
+    >
+      {{ item.label }}
+    </el-tag>
+  </div>
   <div class="tag-group my-2 flex flex-wrap gap-1 items-center">
     <span class="tag-group__title m-1">Plain</span>
     <el-tag