何时使用
用于标记事物的属性和维度。
进行分类。
仅文本
带图标
可关闭
带链接
可选中
Tag.Selectable 可以用于一些轻量的需要选中状态的场景，可作为 checkbox 使用。 该组件提供了受控和非受控两种用法，但强烈建议以受控方式使用。
表格场景
API
Tag.Colorable
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| color | 选填，标签的颜色，可选值：blue green orange red gray | String | blue |
| type | 选填，标签的类型，可选：normal closeable link | String | normal |
| size | 选填，标签的类型，可选：medium small | String | small |
| icon | 选填，左侧图标，对应 Icon 组件中的值，也可以自已传入 Icon | String / ReactDOM | 无 |
| value | 选填，当 type 为 closeable 时用来标识 colortag 的一个值 | Any | 无 |
| onClose | 选填，当 type 为 closeable 时点击取消图标时的回调函数，会携带一个 value 参数 | Function | 无 |
| href | 选填，当 type 为 link 时的跳转链接 | String | 无 |
| target | 选填，当 type 为 link 时的 target 值，与 a 标签一致 | String | 无 |
Tag.Selectable
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| color | 选填，标签的颜色，可选值：blue green orange red gray | String | blue |
| icon | 选填，左侧图标，对应 Icon 组件中的值，也可以自已传入 Icon | String / ReactDOM | |
| checked | 标签是否被选中，受控用法 tag checked or not, a controlled way | Boolean | - |
| defaultChecked | 标签是否默认被选中，非受控用法 tag checked or not by default, a uncontrolled way | Boolean | - |
| onChange | 选中状态变化时触发的事件 签名: Function(checked: Boolean, e: Event) => void 参数: checked: {Boolean} 是否选中 e: {Event} Dom 事件对象 | Function | func.noop |
| disabled | 标签是否被禁用 | Boolean | - |
Tag.TableTag
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| color | 选填，标签的颜色，可选值：blue green orange red gray | String | blue |
ARIA and KeyBoard
| 按键 | 说明 |
|---|---|
| SPACE | 选择,取消或删除当前标签 |