Tag 标签
基本使用
template
<c-tag text="标签" />
颜色
template
<c-tag color="primary" text="标签" />
<c-tag color="error" text="标签" />
<c-tag color="success" text="标签" />
<c-tag color="warning" text="标签" />
<c-tag color="info" text="标签" />
<c-tag color="#7546c9" text="标签" />
圆角值
template
<c-tag radius="s" text="标签" />
<c-tag radius="m" text="标签" />
<c-tag radius="l" text="标签" />
<c-tag radius="10" text="标签" />
<c-tag text="圆角标签" round />
<c-tag radius="xs s m l" text="各角不同的标签" />
API
Tag Props
| 名称 | 类型 | 默认值 | 版本 | 说明 |
|---|---|---|---|---|
| c | string | default | 配置名。使用说明 | |
| props | TagProps | undefined | 全部 props 。 使用说明 | |
| c-class | HTMLAttributes['class'] | undefined | 自定义类名 | |
| c-style | HTMLAttributes['style'] | undefined | 自定义样式 | |
| color | string | undefined | 图标颜色。 使用说明 | |
| size | string | number | undefined | 图标大小。 使用说明 | |
| text | string | undefined | 文字 | |
| text-color | string | undefined | 文字的颜色。 使用说明 | |
| text-props | TextProps | undefined | TextProps | |
| icon | string | undefined | 图标 | |
| icon-props | IconProps | undefined | IconProps | |
| closable | boolean | undefined | 是否可关闭 | |
| close-icon-props | IconProps | undefined | IconProps | |
| radius | string | number | undefined | 圆角值。 使用说明 | |
| round | boolean | undefined | 是否显示为圆角 | |
| plain | boolean | undefined | 是否镂空 |
Tag Events
| 名称 | 参数 | 说明 |
|---|---|---|
| click | (payload: any) => void | 点击 tab 内容事件 |
| close | (payload: any) => void | 点击关闭 icon 事件 |