mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-04 04:08:34 +08:00
docs: [tag] add tag theme example (#8413)
This commit is contained in:
parent
f2e48c1835
commit
29fd3eb217
@ -21,6 +21,28 @@
|
|||||||
{{ item.label }}
|
{{ item.label }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</div>
|
</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">
|
<div class="tag-group my-2 flex flex-wrap gap-1 items-center">
|
||||||
<span class="tag-group__title m-1">Plain</span>
|
<span class="tag-group__title m-1">Plain</span>
|
||||||
<el-tag
|
<el-tag
|
||||||
|
Loading…
Reference in New Issue
Block a user