## 基础使用 Tag 组件提供了六种主题。 :::demo 由`type`属性来定义,该属性可选填。 ```html 标签一 标签二 标签三 标签四 标签五 标签六 ``` ::: ## 描边 借此可以定义 hover 时的效果。 :::demo `hit`属性可以设置描边。 ```html 标签 ``` ::: ## 可移除的标签 :::demo 设置`closable`属性来定义一个可移除的标签,接受一个`Boolean`,设置为`true`即可。默认的标签移除时会附带渐变动画,如果不想使用,可以设置`close-transition`属性,它接受一个`Boolean`,true 为关闭。设置`close`事件可以处理关闭后的回调函数。 ```html {{tag.name}} ``` ::: ## Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------------- |---------- |-------------------------------- |-------- | | type | 主题 | string | 'primary', 'gray', 'success', 'warning', 'error' | | | closable | 是否可关闭 | boolean | | false | | close-transition | 是否禁用关闭时的渐变动画 | boolean | | false | | hit | 是否有边框描边 | boolean | | false | ## Events | 事件名称 | 说明 | 回调参数 | |---------- |-------- |---------- | | close | 关闭tag时触发的事件 | |