import{e as a,o as t,G as n}from"./vendor.js";const l={class:"markdown-body"},p=n(`

Tag \u6807\u7B7E

\u4ECB\u7ECD

\u7528\u4E8E\u6807\u8BB0\u548C\u5206\u7C7B\u7684\u6807\u7B7E\u3002

\u5B89\u88C5


import { createApp } from 'vue';
// vue
import { Tag } from '@nutui/nutui';
// taro
import { Tag } from '@nutui/nutui-taro';

const app = createApp();
app.use(Tag);

\u4EE3\u7801\u5B9E\u4F8B

\u57FA\u7840\u7528\u6CD5

 <nut-tag type="primary">\u6807\u7B7E</nut-tag>
 <nut-tag type="success">\u6807\u7B7E</nut-tag>
 <nut-tag type="danger">\u6807\u7B7E</nut-tag>
 <nut-tag type="warning">\u6807\u7B7E</nut-tag>

\u7A7A\u5FC3\u6837\u5F0F

 <nut-tag plain>\u6807\u7B7E</nut-tag>

\u5706\u89D2\u6837\u5F0F

 <nut-tag round type="primary">\u6807\u7B7E</nut-tag>

\u6807\u8BB0\u6837\u5F0F

 <nut-tag mark type="primary">\u6807\u7B7E</nut-tag>

\u53EF\u5173\u95ED\u6807\u7B7E

 <nut-tag v-if="show" closeable  @close="close" type="primary">\u6807\u7B7E</nut-tag>

\u81EA\u5B9A\u4E49\u989C\u8272

 <nut-tag color="#FA685D">\u6807\u7B7E</nut-tag>
 <nut-tag color="#E9E9E9" text-color="#999999">\u6807\u7B7E</nut-tag>
 <nut-tag color="#FA2400" plain>\u6807\u7B7E</nut-tag>

Prop

\u5B57\u6BB5	\u8BF4\u660E	\u7C7B\u578B	\u9ED8\u8BA4\u503C
type	\u6807\u7B7E\u7C7B\u578B\uFF0C\u53EF\u9009\u503C\u4E3Aprimary success danger warning	String	`default`
color	\u6807\u7B7E\u989C\u8272	String	-
text-color	\u6587\u672C\u989C\u8272\uFF0C\u4F18\u5148\u7EA7\u9AD8\u4E8Ecolor\u5C5E\u6027	String	`white`
plain	\u662F\u5426\u4E3A\u7A7A\u5FC3\u6837\u5F0F	Boolean	`false`
round	\u662F\u5426\u4E3A\u5706\u89D2\u6837\u5F0F	Boolean	`false`
mark	\u662F\u5426\u4E3A\u6807\u8BB0\u6837\u5F0F	Boolean	`false`
closeable	\u662F\u5426\u4E3A\u53EF\u5173\u95ED\u6807\u7B7E	Boolean	`false`

Slots

\u540D\u79F0	\u8BF4\u660E
default	\u6807\u7B7E\u663E\u793A\u5185\u5BB9

Event

\u4E8B\u4EF6\u540D\u79F0	\u8BF4\u660E	\u56DE\u8C03\u53C2\u6570
close	\u5173\u95ED\u4E8B\u4EF6	event

`,24),c=[p],g={setup(e,{expose:s}){return s({frontmatter:{}}),(r,o)=>(t(),a("div",l,c))}};export{g as default};