docs: [tag] add tag theme example (#8413)

element-plus · Jun 22, 2022 · 29fd3eb · 29fd3eb
1 parent f2e48c1
commit 29fd3eb
Showing 1 changed file with 22 additions and 0 deletions.
diff --git 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