## Tag 标签 用于标记和选择。 ### 基础用法 :::demo 由`type`属性来选择tag的类型,也可以通过`color`属性来自定义背景色。 ```html 标签一 标签二 标签三 标签四 标签五 ``` ::: ### 可移除标签 :::demo 设置`closable`属性可以定义一个标签是否可移除。默认的标签移除时会附带渐变动画,如果不想使用,可以设置`close-transition`属性,它接受一个`Boolean`,true 为关闭。 ```html {{tag.name}} ``` ::: ### 动态编辑标签 动态编辑标签可以通过点击标签关闭按钮后触发的 `close` 事件来实现 :::demo ```html {{tag}} + New Tag ``` ::: ### Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------------- |---------- |-------------------------------- |-------- | | type | 主题 | string | success/info/warning/danger | — | | closable | 是否可关闭 | boolean | — | false | | close-transition | 是否禁用渐变动画 | boolean | — | false | | hit | 是否有边框描边 | boolean | — | false | | color | 背景色 | string | — | — | ### Events | 事件名称 | 说明 | 回调参数 | |---------- |-------- |---------- | | close | 关闭 Tag 时触发的事件 | — |