Tag 标签

一个标签

基本使用

type 属性可以配置不同的按钮类型，展示不同的颜色状态

开启

简约的

simple 属性可以配置简约的提示，样式依然由 type 控制

开启

线性的

line 属性可以配置线性的提示，样式依然由 type 控制

开启

自定义颜色

background 和 color 可以自定义标签颜色，将覆盖原有的 type

开启

标签大小

size 自定义标签大小

开启

块级元素

通过 block 属性可以将标签设置为块级元素。

开启

可关闭的

close 可配置可以关闭的

开启

Attributes

参数	说明	类型	可选值	默认值
`type`	标签类型	FightingType	`default` `success` `danger` `warning` `primary`	——
`close`	是否可关闭	boolean	——	false
`line`	线性的	boolean	——	false
`round`	圆角	boolean	——	false
`background`	自定义背景色	string	——	——
`color`	自定义文字颜色	string	——	——
`before-icon`	左侧 icon	FightingIcon	——	——
`after-icon`	右侧 icon	FightingIcon	——	——
`size`	标签大小	FightingSize	`large` `middle` `small` `mini`	small
`simple`	是否为简约模式	boolean	——	false
`block`	是否为块级元素	boolean	——	false
`on-close`	点击关闭按钮触发的回调	HandleMouse	——	——
`on-click`	点击执行的回调	HandleMouse	——	——

Slots

名称	说明
`default`	tag 的内容

Interface

组件导出以下类型定义：

import type { TagInstance, TagProps } from 'fighting-design'

Tag 标签 ​

基本使用 ​

简约的 ​

线性的 ​

自定义颜色 ​

标签大小 ​

块级元素 ​

可关闭的 ​

Attributes ​

Slots ​

Interface ​

Contributors ​