Chip 纸片
基础用法
使用 type
属性来定义纸片的样式,可选属性有 tonal
、elevated
、outlined
、text
。
图标搭配
设置属性 prepend-icon
前缀图标类型,设置属性 append-icon
后缀图标类型,图标类型详情见 Icon 说明。
按钮关闭
设置属性 closable
为 true
,使后方出现关闭按钮,同时还需监听 close
事件。
颜色
使用 class
样式改变颜色,参照 Color 色彩 的介绍
Chip API
属性
属性名 | 说明 | 类型 | 默认值 | 是否必填 |
---|---|---|---|---|
type | 纸片样式 | tonal /elevated /outlined /text | tonal | No |
prependIcon | 前缀图标 | String | - | No |
appendIcon | 后缀图标 | String | - | No |
disabled | 是否禁用 | Boolean | false | No |
closable | 是否可关闭 | Boolean | false | No |