跳到主要内容
版本:v8

ion-chip

shadow

Chip 以小块形式表示复杂实体,例如联系人。一个 chip 可以包含多种不同元素,如头像、文本和图标。

基本用法

插槽组件和图标

主题定制

颜色

CSS 自定义属性

Properties

color

说明The color to use from your application's color palette. Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark". For more information on colors, see theming.
属性color
类型"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string | undefined
默认值undefined

disabled

说明If true, the user cannot interact with the chip.
属性disabled
类型boolean
默认值false

mode

说明The mode determines which platform styles to use.

这是一个虚拟属性,在初始化时设置一次,之后更改其值不会更新组件。
属性mode
类型"ios" | "md"
默认值undefined

outline

说明Display an outline style button.
属性outline
类型boolean
默认值false

Events

该组件没有可用的事件。

Methods

该组件没有可用的公共方法。

CSS Shadow Parts

该组件没有可用的 CSS 阴影部分。

CSS Custom Properties

Name说明
--backgroundBackground of the chip
--colorColor of the chip

Slots

该组件没有可用的插槽。