Tag 标签
用于标记和选择。
基础用法
可移除标签
动态编辑标签
动态编辑标签可以通过点击标签关闭按钮后触发的 close 事件来实现。
不同尺寸
Tag 组件提供除了默认值以外的三种尺寸，可以在不同场景下选择合适的按钮尺寸。
主题
Tag 组件提供了三个不同的主题：dark、light 和 plain。
可选中的标签
Sometimes because of the business needs, we might need checkbox like tag, but button like checkbox cannot meet our needs, here comes check-tag
Tag 属性
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| type | 类型 | string | success/info/warning/danger | — |
| closable | 是否可关闭 | boolean | — | false |
| disable-transitions | 是否禁用渐变动画 | boolean | — | false |
| hit | 是否有边框描边 | boolean | — | false |
| color | 背景色 | string | — | — |
| size | 尺寸 | string | large / default /small | default |
| effect | 主题 | string | dark / light / plain | light |
| round | whether Tag is rounded | boolean | — | false |
Tag 事件
| 事件名 | 说明 | 参数 |
|---|---|---|
| click | 点击 Tag 时触发的事件 | — |
| close | 关闭 Tag 时触发的事件 | — |
Tag 插槽
| 名称 | 说明 |
|---|---|
| — | 自定义默认内容 |
CheckTag 属性
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| checked | 是否选中 | boolean | true/false | — |
CheckTag 事件
| 事件名 | 说明 | 参数 |
|---|---|---|
| change | 点击 Check Tag 时触发的事件 | checked |
CheckTag 插槽
| 名称 | 说明 |
|---|---|
| — | 自定义默认内容 |