默认主题
标签

示例

default
primary
success
warning
danger
disabled
基础使用

标签类型:default, primary, success, warning danger;添加disabled属性,可以禁用标签

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)
default
primary
success
warning
danger
disabled
关闭按钮

给组件添加closable属性,可以关闭标签,关闭后会触发close事件

如果仅仅指定了closable属性,那么组件的开启和关闭是组件内部自己维护的状态,一旦组件被重新创建,那么又会回到默认开启状态,所以如果你需要维持组件的状态,需要自己维护closed属性,或者通过v-if来控制组件

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)
large
default
small
mini


large
default
small
mini


large
default
small
mini
组件尺寸

通过size可以定义尺寸: default large small mini

index.vdt
index.styl
index.js
index.vue (Vue)
index.jsx (React)

属性

属性 说明 类型 默认值
type 组件类型 "default" | "primary" | "success" | "warning" | "danger" "default"
disabled 是否展示禁用状态 Boolean false
closable 是否可关闭 Boolean false
closed 是否已关闭 Boolean false
size 组件尺寸 "large" | "default" | "small" | "mini" "default"

事件

事件名 说明 参数
close 标签关闭事件 -