Skip to content

Chip 纸片 ​

基础用法 ​

使用 type 属性来定义纸片的样式,可选属性有 tonal、elevated、outlined、text。

图标搭配 ​

设置属性 prepend-icon 前缀图标类型,设置属性 append-icon 后缀图标类型,图标类型详情见 Icon 说明。

按钮关闭 ​

设置属性 closable 为 true,使后方出现关闭按钮,同时还需监听 close 事件。

颜色 ​

使用 class 样式改变颜色,参照 Color 色彩 的介绍

Chip API ​

属性 ​

属性名说明类型默认值是否必填
type纸片样式tonal/elevated/outlined/texttonalNo
prependIcon前缀图标String-No
appendIcon后缀图标String-No
disabled是否禁用BooleanfalseNo
closable是否可关闭BooleanfalseNo