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