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