Chip

Chip 支持辅助、建议、筛选和输入等场景，并统一提供选择、图标和头像功能。

Chip

示例

默认

Chip

变体

checkFilter Input close

图标

settingsLeading iconcheckTrailing iconclose

头像

Alex close

选择组

checkUpdatesAlertsSaved

checkUpdatesAlertsSaved

禁用

AssistcheckSelected

参考

结构

高亮显示

元素	部件	选择器
<component>	root	[data-scope="chip"][data-part="root"] left_click鼠标左键单击复制
<input>	input条件显示	[data-scope="chip"][data-part="input"] left_click鼠标左键单击复制
<span>	avatar条件显示	[data-scope="chip"][data-part="avatar"] left_click鼠标左键单击复制
<img>	avatar-image	[data-scope="chip"][data-part="avatar-image"] left_click鼠标左键单击复制
<Icon>	leading条件显示	[data-scope="chip"][data-part="leading"] left_click鼠标左键单击复制
<span>	content	[data-scope="chip"][data-part="content"] left_click鼠标左键单击复制
<span>	label	[data-scope="chip"][data-part="label"] left_click鼠标左键单击复制
<Icon>	trailing条件显示	[data-scope="chip"][data-part="trailing"] left_click鼠标左键单击复制

属性

名称	说明	默认值	控件
shape可选	Corner style; inherits the shared shape default. M3Shape | undefined	-	-
variant可选	Material 3 chip variant. filterassistinputsuggestion	"filter"	checkfilterassistinputsuggestion
value可选	Value used when the chip participates in a selection group model. SelectionGroupValue | undefined	undefined	-
name可选	Name forwarded to the native input when used outside a selection group. string | undefined	undefined	-
elevated可选	Whether to use the elevated filter chip treatment. boolean | undefined	false
leadingIcon可选	Leading icon shown before the label. string | undefined	undefined
trailingIcon可选	Trailing icon shown after the label. string | undefined	undefined
avatarSrc可选	Avatar image URL shown by input chips. string | undefined	undefined
selectedIcon可选	Optional selected-state icon used when no leading icon is provided. string | false | undefined	"check"
disabled可选	Whether the chip is disabled. boolean | undefined	false
ariaLabel可选	ARIA label forwarded to the native input. string | undefined	undefined	-
modelValue可选	- boolean | undefined	false

事件1

名称	类型	说明
update:modelValue	[value: boolean]	-

插槽1

名称	参数	说明
default	-	Main chip label.

样式270

预览

Token	说明
--md-assist-chip-container-heightLayout 回退值2rem	Controls chip container height.
--md-assist-chip-container-shapeShape 回退值var(--md-shape-chip)	Controls chip container shape.
--md-assist-chip-disabled-label-text-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip disabled label text color.
--md-assist-chip-disabled-label-text-opacityDisabled 回退值0.38	Controls chip disabled label text opacity.
--md-assist-chip-elevated-container-colorColor 回退值var(--md-sys-color-surface-container-low)	Controls chip elevated container color.
--md-assist-chip-elevated-container-elevationElevation 回退值var(--md-sys-elevation-level1)	Controls chip elevated container elevation.
--md-assist-chip-elevated-disabled-container-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip elevated disabled container color.
--md-assist-chip-elevated-disabled-container-elevationDisabled 回退值var(--md-sys-elevation-level0)	Controls chip elevated disabled container elevation.
--md-assist-chip-elevated-disabled-container-opacityDisabled 回退值0.12	Controls chip elevated disabled container opacity.
--md-assist-chip-elevated-focus-container-elevationFocus 回退值var(--md-sys-elevation-level1)	Controls chip elevated focus container elevation.
--md-assist-chip-flat-container-elevationElevation 回退值var(--md-sys-elevation-level0)	Controls chip flat container elevation.
--md-assist-chip-flat-disabled-outline-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip flat disabled outline color.
--md-assist-chip-flat-disabled-outline-opacityDisabled 回退值0.12	Controls chip flat disabled outline opacity.
--md-assist-chip-flat-focus-outline-colorFocus 回退值var(--md-sys-color-on-surface)	Controls chip flat focus outline color.
--md-assist-chip-flat-outline-colorColor 回退值var(--md-sys-color-outline-variant)	Controls chip flat outline color.
--md-assist-chip-flat-outline-widthLayout 回退值0.0625rem	Controls chip flat outline width.
--md-assist-chip-focus-indicator-colorFocus 回退值var(--md-sys-color-secondary)	Controls chip focus indicator color.
--md-assist-chip-focus-indicator-outline-offsetFocus 回退值var(--md-sys-state-focus-indicator-outer-offset)	Controls chip focus indicator outline offset.
--md-assist-chip-focus-indicator-thicknessFocus 回退值var(--md-sys-state-focus-indicator-thickness)	Controls chip focus indicator thickness.
--md-assist-chip-focus-label-text-colorFocus 回退值var(--md-sys-color-on-surface)	Controls chip focus label text color.
--md-assist-chip-focus-state-layer-colorFocus 回退值var(--md-sys-color-on-surface)	Controls chip focus state layer color.
--md-assist-chip-hover-label-text-colorState 回退值var(--md-sys-color-on-surface)	Controls chip hover label text color.
--md-assist-chip-hover-state-layer-colorState 回退值var(--md-sys-color-on-surface)	Controls chip hover state layer color.
--md-assist-chip-label-text-colorColor 回退值var(--md-sys-color-on-surface)	Controls chip label text color.
--md-assist-chip-pressed-label-text-colorState 回退值var(--md-sys-color-on-surface)	Controls chip pressed label text color.
--md-assist-chip-pressed-state-layer-colorState 回退值var(--md-sys-color-on-surface)	Controls chip pressed state layer color.
--md-assist-chip-with-icon-disabled-icon-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip with icon disabled icon color.
--md-assist-chip-with-icon-disabled-icon-opacityDisabled 回退值0.38	Controls chip with icon disabled icon opacity.
--md-assist-chip-with-icon-focus-icon-colorFocus 回退值var(--md-sys-color-primary)	Controls chip with icon focus icon color.
--md-assist-chip-with-icon-hover-icon-colorState 回退值var(--md-sys-color-primary)	Controls chip with icon hover icon color.
--md-assist-chip-with-icon-icon-colorColor 回退值var(--md-sys-color-primary)	Controls chip with icon icon color.
--md-assist-chip-with-icon-icon-sizeLayout 回退值Typography, density and icon scale (default reference: 1.125rem)	Controls chip with icon icon size.
--md-assist-chip-with-icon-pressed-icon-colorState 回退值var(--md-sys-color-primary)	Controls chip with icon pressed icon color.
--md-chip-assist-elevated-hover-container-elevationElevation 回退值var(--md-sys-elevation-level2)	Controls assist elevated hover container elevation.
--md-chip-assist-elevated-pressed-container-elevationElevation 回退值var(--md-sys-elevation-level1)	Controls assist elevated pressed container elevation.
--md-chip-avatar-disabled-opacityDisabled 回退值var(--md-input-chip-with-avatar-disabled-avatar-opacity,0.38)	Controls avatar disabled opacity.
--md-chip-avatar-shapeShape 回退值var(--md-input-chip-with-avatar-avatar-shape,var(--md-sys-shape-corner-full))	Controls avatar shape.
--md-chip-avatar-sizeLayout 回退值var(--md-input-chip-with-avatar-avatar-size,1.5rem)	Controls avatar size.
--md-chip-container-colorColor 回退值transparent	Controls container color.
--md-chip-container-elevationElevation 回退值var(--md-chip-flat-container-elevation,var(--md-sys-elevation-level0))	Controls container elevation.
--md-chip-container-heightLayout 回退值2rem	Controls container height.
--md-chip-container-shapeShape 回退值var(--md-shape-chip)	Controls container shape.
--md-chip-disabled-elevated-container-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls disabled elevated container color.
--md-chip-disabled-elevated-container-elevationDisabled 回退值var(--md-sys-elevation-level0)	Controls disabled elevated container elevation.
--md-chip-disabled-elevated-container-opacityDisabled 回退值0.12	Controls disabled elevated container opacity.
--md-chip-disabled-flat-outline-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls disabled flat outline color.
--md-chip-disabled-flat-outline-opacityDisabled 回退值0.12	Controls disabled flat outline opacity.
--md-chip-disabled-flat-selected-container-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls disabled flat selected container color.
--md-chip-disabled-flat-selected-container-opacityDisabled 回退值0.12	Controls disabled flat selected container opacity.
--md-chip-disabled-icon-opacityDisabled 回退值0.38	Controls disabled icon opacity.
--md-chip-disabled-label-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls disabled label color.
--md-chip-disabled-label-opacityDisabled 回退值0.38	Controls disabled label opacity.
--md-chip-disabled-leading-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls disabled leading color.
--md-chip-disabled-trailing-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls disabled trailing color.
--md-chip-elevated-container-colorColor 回退值var(--md-sys-color-surface-container-low)	Controls elevated container color.
--md-chip-elevated-container-elevationElevation 回退值var(--md-sys-elevation-level1)	Controls elevated container elevation.
--md-chip-elevated-focus-container-elevationFocus 回退值var(--md-assist-chip-elevated-focus-container-elevation,var(--md-sys-elevation-level1))	Controls elevated focus container elevation.
--md-chip-elevated-hover-container-elevationElevation 回退值var(--md-chip-assist-elevated-hover-container-elevation,var(--md-sys-elevation-level2))	Controls elevated hover container elevation.
--md-chip-elevated-pressed-container-elevationElevation 回退值var(--md-chip-assist-elevated-pressed-container-elevation,var(--md-sys-elevation-level1))	Controls elevated pressed container elevation.
--md-chip-flat-container-elevationElevation 回退值var(--md-sys-elevation-level0)	Controls flat container elevation.
--md-chip-flat-focus-container-elevationFocus 回退值var(--md-chip-flat-container-elevation,var(--md-sys-elevation-level0))	Controls flat focus container elevation.
--md-chip-flat-focus-outline-colorFocus 回退值var(--md-assist-chip-flat-focus-outline-color,var(--md-sys-color-on-surface))	Controls flat focus outline color.
--md-chip-flat-hover-container-elevationElevation 回退值var(--md-chip-flat-container-elevation,var(--md-sys-elevation-level0))	Controls flat hover container elevation.
--md-chip-flat-outline-colorColor 回退值var(--md-sys-color-outline-variant)	Controls flat outline color.
--md-chip-flat-outline-widthLayout 回退值0.0625rem	Controls flat outline width.
--md-chip-flat-pressed-container-elevationElevation 回退值var(--md-chip-flat-container-elevation,var(--md-sys-elevation-level0))	Controls flat pressed container elevation.
--md-chip-flat-selected-focus-container-elevationFocus 回退值var(--md-chip-flat-container-elevation,var(--md-sys-elevation-level0))	Controls flat selected focus container elevation.
--md-chip-flat-selected-hover-container-elevationElevation 回退值var(--md-chip-flat-container-elevation,var(--md-sys-elevation-level0))	Controls flat selected hover container elevation.
--md-chip-flat-selected-pressed-container-elevationElevation 回退值var(--md-chip-flat-container-elevation,var(--md-sys-elevation-level0))	Controls flat selected pressed container elevation.
--md-chip-focus-indicator-colorFocus 回退值var(--md-sys-color-secondary)	Controls focus indicator color.
--md-chip-focus-indicator-outline-offsetFocus 回退值var(--md-sys-state-focus-indicator-outer-offset)	Controls focus indicator outline offset.
--md-chip-focus-indicator-thicknessFocus 回退值var(--md-sys-state-focus-indicator-thickness)	Controls focus indicator thickness.
--md-chip-focus-label-colorFocus 回退值var(--md-chip-label-default-color,var(--md-sys-color-on-surface))	Controls focus label color.
--md-chip-focus-leading-colorFocus 回退值var(--md-chip-leading-default-color,currentColor)	Controls focus leading color.
--md-chip-focus-state-layer-colorFocus 回退值currentColor	Controls focus state layer color.
--md-chip-focus-trailing-colorFocus 回退值var(--md-chip-trailing-default-color,currentColor)	Controls focus trailing color.
--md-chip-hover-label-colorState 回退值var(--md-chip-label-default-color,var(--md-sys-color-on-surface))	Controls hover label color.
--md-chip-hover-leading-colorState 回退值var(--md-chip-leading-default-color,currentColor)	Controls hover leading color.
--md-chip-hover-state-layer-colorState 回退值currentColor	Controls hover state layer color.
--md-chip-hover-trailing-colorState 回退值var(--md-chip-trailing-default-color,currentColor)	Controls hover trailing color.
--md-chip-icon-gapLayout 回退值0.5rem	Controls icon gap.
--md-chip-icon-sizeLayout 回退值Typography, density and icon scale (default reference: 1.125rem)	Controls icon size.
--md-chip-label-colorColor 回退值var(--md-chip-label-default-color,var(--md-sys-color-on-surface))	Controls label color.
--md-chip-label-default-colorColor 回退值var(--md-sys-color-on-surface)	Controls label default color.
--md-chip-leading-default-colorColor 回退值currentColor	Controls leading default color.
--md-chip-leading-icon-colorColor 回退值var(--md-chip-leading-default-color,currentColor)	Controls leading icon color.
--md-chip-leading-spaceLayout 回退值1rem	Controls leading space.
--md-chip-outline-colorColor 回退值var(--md-chip-flat-outline-color,var(--md-sys-color-outline-variant))	Controls outline color.
--md-chip-outline-widthLayout 回退值var(--md-chip-flat-outline-width,0.0625rem)	Controls outline width.
--md-chip-pressed-label-colorState 回退值var(--md-chip-label-default-color,var(--md-sys-color-on-surface))	Controls pressed label color.
--md-chip-pressed-leading-colorState 回退值var(--md-chip-leading-default-color,currentColor)	Controls pressed leading color.
--md-chip-pressed-state-layer-colorState 回退值currentColor	Controls pressed state layer color.
--md-chip-pressed-trailing-colorState 回退值var(--md-chip-trailing-default-color,currentColor)	Controls pressed trailing color.
--md-chip-selected-container-colorState 回退值var(--md-chip-container-color,transparent)	Controls selected container color.
--md-chip-selected-elevated-container-colorState 回退值var(--md-chip-selected-container-color,var(--md-chip-container-color,transparent))	Controls selected elevated container color.
--md-chip-selected-focus-label-colorFocus 回退值var(--md-chip-focus-label-color,var(--md-chip-label-default-color,var(--md-sys-color-on-surface)))	Controls selected focus label color.
--md-chip-selected-focus-leading-colorFocus 回退值var(--md-chip-focus-leading-color,var(--md-chip-leading-default-color,currentColor))	Controls selected focus leading color.
--md-chip-selected-focus-state-layer-colorFocus 回退值var(--md-chip-focus-state-layer-color,currentColor)	Controls selected focus state layer color.
--md-chip-selected-focus-trailing-colorFocus 回退值var(--md-chip-focus-trailing-color,var(--md-chip-trailing-default-color,currentColor))	Controls selected focus trailing color.
--md-chip-selected-hover-label-colorState 回退值var(--md-chip-hover-label-color,var(--md-chip-label-default-color,var(--md-sys-color-on-surface)))	Controls selected hover label color.
--md-chip-selected-hover-leading-colorState 回退值var(--md-chip-hover-leading-color,var(--md-chip-leading-default-color,currentColor))	Controls selected hover leading color.
--md-chip-selected-hover-state-layer-colorState 回退值var(--md-chip-hover-state-layer-color,currentColor)	Controls selected hover state layer color.
--md-chip-selected-hover-trailing-colorState 回退值var(--md-chip-hover-trailing-color,var(--md-chip-trailing-default-color,currentColor))	Controls selected hover trailing color.
--md-chip-selected-label-colorState 回退值var(--md-chip-label-default-color,var(--md-sys-color-on-surface))	Controls selected label color.
--md-chip-selected-leading-colorState 回退值var(--md-chip-leading-default-color,currentColor)	Controls selected leading color.
--md-chip-selected-outline-widthState 回退值var(--md-chip-flat-outline-width,0.0625rem)	Controls selected outline width.
--md-chip-selected-pressed-label-colorState 回退值var(--md-chip-pressed-label-color,var(--md-chip-label-default-color,var(--md-sys-color-on-surface)))	Controls selected pressed label color.
--md-chip-selected-pressed-leading-colorState 回退值var(--md-chip-pressed-leading-color,var(--md-chip-leading-default-color,currentColor))	Controls selected pressed leading color.
--md-chip-selected-pressed-state-layer-colorState 回退值var(--md-chip-pressed-state-layer-color,currentColor)	Controls selected pressed state layer color.
--md-chip-selected-pressed-trailing-colorState 回退值var(--md-chip-pressed-trailing-color,var(--md-chip-trailing-default-color,currentColor))	Controls selected pressed trailing color.
--md-chip-selected-trailing-colorState 回退值var(--md-chip-trailing-default-color,currentColor)	Controls selected trailing color.
--md-chip-suggestion-elevated-hover-container-elevationElevation 回退值var(--md-sys-elevation-level2)	Controls suggestion elevated hover container elevation.
--md-chip-suggestion-elevated-pressed-container-elevationElevation 回退值var(--md-sys-elevation-level1)	Controls suggestion elevated pressed container elevation.
--md-chip-trailing-default-colorColor 回退值currentColor	Controls trailing default color.
--md-chip-trailing-icon-colorColor 回退值var(--md-chip-trailing-default-color,currentColor)	Controls trailing icon color.
--md-chip-trailing-spaceLayout 回退值1rem	Controls trailing space.
--md-chip-with-icon-side-spaceLayout 回退值0.5rem	Controls with icon side space.
--md-filter-chip-container-heightLayout 回退值2rem	Controls chip container height.
--md-filter-chip-container-shapeShape 回退值var(--md-shape-chip)	Controls chip container shape.
--md-filter-chip-disabled-label-text-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip disabled label text color.
--md-filter-chip-disabled-label-text-opacityDisabled 回退值0.38	Controls chip disabled label text opacity.
--md-filter-chip-elevated-container-elevationElevation 回退值var(--md-sys-elevation-level1)	Controls chip elevated container elevation.
--md-filter-chip-elevated-disabled-container-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip elevated disabled container color.
--md-filter-chip-elevated-disabled-container-elevationDisabled 回退值var(--md-sys-elevation-level0)	Controls chip elevated disabled container elevation.
--md-filter-chip-elevated-disabled-container-opacityDisabled 回退值0.12	Controls chip elevated disabled container opacity.
--md-filter-chip-elevated-focus-container-elevationFocus 回退值var(--md-sys-elevation-level1)	Controls chip elevated focus container elevation.
--md-filter-chip-elevated-hover-container-elevationElevation 回退值var(--md-sys-elevation-level2)	Controls chip elevated hover container elevation.
--md-filter-chip-elevated-pressed-container-elevationElevation 回退值var(--md-sys-elevation-level1)	Controls chip elevated pressed container elevation.
--md-filter-chip-elevated-selected-container-colorState 回退值var(--md-sys-color-secondary-container)	Controls chip elevated selected container color.
--md-filter-chip-elevated-unselected-container-colorState 回退值var(--md-sys-color-surface-container-low)	Controls chip elevated unselected container color.
--md-filter-chip-flat-container-elevationElevation 回退值var(--md-sys-elevation-level0)	Controls chip flat container elevation.
--md-filter-chip-flat-disabled-selected-container-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip flat disabled selected container color.
--md-filter-chip-flat-disabled-selected-container-opacityDisabled 回退值0.12	Controls chip flat disabled selected container opacity.
--md-filter-chip-flat-disabled-unselected-outline-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip flat disabled unselected outline color.
--md-filter-chip-flat-disabled-unselected-outline-opacityDisabled 回退值0.12	Controls chip flat disabled unselected outline opacity.
--md-filter-chip-flat-selected-container-colorState 回退值var(--md-sys-color-secondary-container)	Controls chip flat selected container color.
--md-filter-chip-flat-selected-focus-container-elevationFocus 回退值var(--md-sys-elevation-level0)	Controls chip flat selected focus container elevation.
--md-filter-chip-flat-selected-hover-container-elevationElevation 回退值var(--md-sys-elevation-level1)	Controls chip flat selected hover container elevation.
--md-filter-chip-flat-selected-outline-widthState 回退值0	Controls chip flat selected outline width.
--md-filter-chip-flat-selected-pressed-container-elevationElevation 回退值var(--md-sys-elevation-level0)	Controls chip flat selected pressed container elevation.
--md-filter-chip-flat-unselected-focus-container-elevationFocus 回退值var(--md-sys-elevation-level0)	Controls chip flat unselected focus container elevation.
--md-filter-chip-flat-unselected-focus-outline-colorFocus 回退值var(--md-sys-color-on-surface-variant)	Controls chip flat unselected focus outline color.
--md-filter-chip-flat-unselected-hover-container-elevationElevation 回退值var(--md-sys-elevation-level0)	Controls chip flat unselected hover container elevation.
--md-filter-chip-flat-unselected-outline-colorState 回退值var(--md-sys-color-outline-variant)	Controls chip flat unselected outline color.
--md-filter-chip-flat-unselected-outline-widthState 回退值0.0625rem	Controls chip flat unselected outline width.
--md-filter-chip-flat-unselected-pressed-container-elevationElevation 回退值var(--md-sys-elevation-level0)	Controls chip flat unselected pressed container elevation.
--md-filter-chip-focus-indicator-colorFocus 回退值var(--md-sys-color-secondary)	Controls chip focus indicator color.
--md-filter-chip-focus-indicator-outline-offsetFocus 回退值var(--md-sys-state-focus-indicator-outer-offset)	Controls chip focus indicator outline offset.
--md-filter-chip-focus-indicator-thicknessFocus 回退值var(--md-sys-state-focus-indicator-thickness)	Controls chip focus indicator thickness.
--md-filter-chip-selected-focus-label-text-colorFocus 回退值var(--md-sys-color-on-secondary-container)	Controls chip selected focus label text color.
--md-filter-chip-selected-focus-state-layer-colorFocus 回退值var(--md-sys-color-on-secondary-container)	Controls chip selected focus state layer color.
--md-filter-chip-selected-hover-label-text-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip selected hover label text color.
--md-filter-chip-selected-hover-state-layer-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip selected hover state layer color.
--md-filter-chip-selected-label-text-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip selected label text color.
--md-filter-chip-selected-pressed-label-text-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip selected pressed label text color.
--md-filter-chip-selected-pressed-state-layer-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip selected pressed state layer color.
--md-filter-chip-unselected-focus-label-text-colorFocus 回退值var(--md-sys-color-on-surface-variant)	Controls chip unselected focus label text color.
--md-filter-chip-unselected-focus-state-layer-colorFocus 回退值var(--md-sys-color-on-surface-variant)	Controls chip unselected focus state layer color.
--md-filter-chip-unselected-hover-label-text-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip unselected hover label text color.
--md-filter-chip-unselected-hover-state-layer-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip unselected hover state layer color.
--md-filter-chip-unselected-label-text-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip unselected label text color.
--md-filter-chip-unselected-pressed-label-text-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip unselected pressed label text color.
--md-filter-chip-unselected-pressed-state-layer-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip unselected pressed state layer color.
--md-filter-chip-with-icon-icon-sizeLayout 回退值Typography, density and icon scale (default reference: 1.125rem)	Controls chip with icon icon size.
--md-filter-chip-with-leading-icon-disabled-leading-icon-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip with leading icon disabled leading icon color.
--md-filter-chip-with-leading-icon-disabled-leading-icon-opacityDisabled 回退值0.38	Controls chip with leading icon disabled leading icon opacity.
--md-filter-chip-with-leading-icon-selected-focus-leading-icon-colorFocus 回退值var(--md-sys-color-on-secondary-container)	Controls chip with leading icon selected focus leading icon color.
--md-filter-chip-with-leading-icon-selected-hover-leading-icon-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip with leading icon selected hover leading icon color.
--md-filter-chip-with-leading-icon-selected-leading-icon-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip with leading icon selected leading icon color.
--md-filter-chip-with-leading-icon-selected-pressed-leading-icon-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip with leading icon selected pressed leading icon color.
--md-filter-chip-with-leading-icon-unselected-focus-leading-icon-colorFocus 回退值var(--md-sys-color-primary)	Controls chip with leading icon unselected focus leading icon color.
--md-filter-chip-with-leading-icon-unselected-hover-leading-icon-colorState 回退值var(--md-sys-color-primary)	Controls chip with leading icon unselected hover leading icon color.
--md-filter-chip-with-leading-icon-unselected-leading-icon-colorState 回退值var(--md-sys-color-primary)	Controls chip with leading icon unselected leading icon color.
--md-filter-chip-with-leading-icon-unselected-pressed-leading-icon-colorState 回退值var(--md-sys-color-primary)	Controls chip with leading icon unselected pressed leading icon color.
--md-filter-chip-with-trailing-icon-disabled-trailing-icon-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip with trailing icon disabled trailing icon color.
--md-filter-chip-with-trailing-icon-selected-focus-trailing-icon-colorFocus 回退值var(--md-sys-color-on-secondary-container)	Controls chip with trailing icon selected focus trailing icon color.
--md-filter-chip-with-trailing-icon-selected-hover-trailing-icon-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip with trailing icon selected hover trailing icon color.
--md-filter-chip-with-trailing-icon-selected-pressed-trailing-icon-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip with trailing icon selected pressed trailing icon color.
--md-filter-chip-with-trailing-icon-selected-trailing-icon-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip with trailing icon selected trailing icon color.
--md-filter-chip-with-trailing-icon-unselected-focus-trailing-icon-colorFocus 回退值var(--md-sys-color-on-surface-variant)	Controls chip with trailing icon unselected focus trailing icon color.
--md-filter-chip-with-trailing-icon-unselected-hover-trailing-icon-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip with trailing icon unselected hover trailing icon color.
--md-filter-chip-with-trailing-icon-unselected-pressed-trailing-icon-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip with trailing icon unselected pressed trailing icon color.
--md-filter-chip-with-trailing-icon-unselected-trailing-icon-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip with trailing icon unselected trailing icon color.
--md-input-chip-container-elevationElevation 回退值var(--md-sys-elevation-level0)	Controls chip container elevation.
--md-input-chip-container-heightLayout 回退值2rem	Controls chip container height.
--md-input-chip-container-shapeShape 回退值var(--md-shape-chip)	Controls chip container shape.
--md-input-chip-disabled-label-text-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip disabled label text color.
--md-input-chip-disabled-label-text-opacityDisabled 回退值0.38	Controls chip disabled label text opacity.
--md-input-chip-disabled-selected-container-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip disabled selected container color.
--md-input-chip-disabled-selected-container-opacityDisabled 回退值0.12	Controls chip disabled selected container opacity.
--md-input-chip-disabled-unselected-outline-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip disabled unselected outline color.
--md-input-chip-disabled-unselected-outline-opacityDisabled 回退值0.12	Controls chip disabled unselected outline opacity.
--md-input-chip-focus-indicator-colorFocus 回退值var(--md-sys-color-secondary)	Controls chip focus indicator color.
--md-input-chip-focus-indicator-outline-offsetFocus 回退值var(--md-sys-state-focus-indicator-outer-offset)	Controls chip focus indicator outline offset.
--md-input-chip-focus-indicator-thicknessFocus 回退值var(--md-sys-state-focus-indicator-thickness)	Controls chip focus indicator thickness.
--md-input-chip-selected-container-colorState 回退值var(--md-sys-color-secondary-container)	Controls chip selected container color.
--md-input-chip-selected-focus-label-text-colorFocus 回退值var(--md-sys-color-on-secondary-container)	Controls chip selected focus label text color.
--md-input-chip-selected-focus-state-layer-colorFocus 回退值var(--md-sys-color-on-secondary-container)	Controls chip selected focus state layer color.
--md-input-chip-selected-hover-label-text-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip selected hover label text color.
--md-input-chip-selected-hover-state-layer-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip selected hover state layer color.
--md-input-chip-selected-label-text-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip selected label text color.
--md-input-chip-selected-outline-widthState 回退值0	Controls chip selected outline width.
--md-input-chip-selected-pressed-label-text-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip selected pressed label text color.
--md-input-chip-selected-pressed-state-layer-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip selected pressed state layer color.
--md-input-chip-unselected-focus-label-text-colorFocus 回退值var(--md-sys-color-on-surface-variant)	Controls chip unselected focus label text color.
--md-input-chip-unselected-focus-outline-colorFocus 回退值var(--md-sys-color-on-surface-variant)	Controls chip unselected focus outline color.
--md-input-chip-unselected-focus-state-layer-colorFocus 回退值var(--md-sys-color-on-surface-variant)	Controls chip unselected focus state layer color.
--md-input-chip-unselected-hover-label-text-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip unselected hover label text color.
--md-input-chip-unselected-hover-state-layer-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip unselected hover state layer color.
--md-input-chip-unselected-label-text-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip unselected label text color.
--md-input-chip-unselected-outline-colorState 回退值var(--md-sys-color-outline-variant)	Controls chip unselected outline color.
--md-input-chip-unselected-outline-widthState 回退值0.0625rem	Controls chip unselected outline width.
--md-input-chip-unselected-pressed-label-text-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip unselected pressed label text color.
--md-input-chip-unselected-pressed-state-layer-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip unselected pressed state layer color.
--md-input-chip-with-avatar-avatar-shapeShape 回退值var(--md-sys-shape-corner-full)	Controls chip with avatar avatar shape.
--md-input-chip-with-avatar-avatar-sizeLayout 回退值1.5rem	Controls chip with avatar avatar size.
--md-input-chip-with-avatar-disabled-avatar-opacityDisabled 回退值0.38	Controls chip with avatar disabled avatar opacity.
--md-input-chip-with-leading-icon-disabled-leading-icon-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip with leading icon disabled leading icon color.
--md-input-chip-with-leading-icon-disabled-leading-icon-opacityDisabled 回退值0.38	Controls chip with leading icon disabled leading icon opacity.
--md-input-chip-with-leading-icon-leading-icon-sizeLayout 回退值Typography, density and icon scale (default reference: 1.125rem)	Controls chip with leading icon leading icon size.
--md-input-chip-with-leading-icon-selected-focus-leading-icon-colorFocus 回退值var(--md-sys-color-primary)	Controls chip with leading icon selected focus leading icon color.
--md-input-chip-with-leading-icon-selected-hover-leading-icon-colorState 回退值var(--md-sys-color-primary)	Controls chip with leading icon selected hover leading icon color.
--md-input-chip-with-leading-icon-selected-leading-icon-colorState 回退值var(--md-sys-color-primary)	Controls chip with leading icon selected leading icon color.
--md-input-chip-with-leading-icon-selected-pressed-leading-icon-colorState 回退值var(--md-sys-color-primary)	Controls chip with leading icon selected pressed leading icon color.
--md-input-chip-with-leading-icon-unselected-focus-leading-icon-colorFocus 回退值var(--md-sys-color-primary)	Controls chip with leading icon unselected focus leading icon color.
--md-input-chip-with-leading-icon-unselected-hover-leading-icon-colorState 回退值var(--md-sys-color-primary)	Controls chip with leading icon unselected hover leading icon color.
--md-input-chip-with-leading-icon-unselected-leading-icon-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip with leading icon unselected leading icon color.
--md-input-chip-with-leading-icon-unselected-pressed-leading-icon-colorState 回退值var(--md-sys-color-primary)	Controls chip with leading icon unselected pressed leading icon color.
--md-input-chip-with-trailing-icon-disabled-trailing-icon-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip with trailing icon disabled trailing icon color.
--md-input-chip-with-trailing-icon-selected-focus-trailing-icon-colorFocus 回退值var(--md-sys-color-on-secondary-container)	Controls chip with trailing icon selected focus trailing icon color.
--md-input-chip-with-trailing-icon-selected-hover-trailing-icon-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip with trailing icon selected hover trailing icon color.
--md-input-chip-with-trailing-icon-selected-pressed-trailing-icon-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip with trailing icon selected pressed trailing icon color.
--md-input-chip-with-trailing-icon-selected-trailing-icon-colorState 回退值var(--md-sys-color-on-secondary-container)	Controls chip with trailing icon selected trailing icon color.
--md-input-chip-with-trailing-icon-unselected-focus-trailing-icon-colorFocus 回退值var(--md-sys-color-on-surface-variant)	Controls chip with trailing icon unselected focus trailing icon color.
--md-input-chip-with-trailing-icon-unselected-hover-trailing-icon-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip with trailing icon unselected hover trailing icon color.
--md-input-chip-with-trailing-icon-unselected-pressed-trailing-icon-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip with trailing icon unselected pressed trailing icon color.
--md-input-chip-with-trailing-icon-unselected-trailing-icon-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip with trailing icon unselected trailing icon color.
--md-suggestion-chip-container-heightLayout 回退值2rem	Controls chip container height.
--md-suggestion-chip-container-shapeShape 回退值var(--md-shape-chip)	Controls chip container shape.
--md-suggestion-chip-disabled-label-text-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip disabled label text color.
--md-suggestion-chip-disabled-label-text-opacityDisabled 回退值0.38	Controls chip disabled label text opacity.
--md-suggestion-chip-elevated-container-colorColor 回退值var(--md-sys-color-surface-container-low)	Controls chip elevated container color.
--md-suggestion-chip-elevated-container-elevationElevation 回退值var(--md-sys-elevation-level1)	Controls chip elevated container elevation.
--md-suggestion-chip-elevated-disabled-container-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip elevated disabled container color.
--md-suggestion-chip-elevated-disabled-container-elevationDisabled 回退值var(--md-sys-elevation-level0)	Controls chip elevated disabled container elevation.
--md-suggestion-chip-elevated-disabled-container-opacityDisabled 回退值0.12	Controls chip elevated disabled container opacity.
--md-suggestion-chip-elevated-focus-container-elevationFocus 回退值var(--md-sys-elevation-level1)	Controls chip elevated focus container elevation.
--md-suggestion-chip-flat-container-elevationElevation 回退值var(--md-sys-elevation-level0)	Controls chip flat container elevation.
--md-suggestion-chip-flat-disabled-outline-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip flat disabled outline color.
--md-suggestion-chip-flat-disabled-outline-opacityDisabled 回退值0.12	Controls chip flat disabled outline opacity.
--md-suggestion-chip-flat-focus-outline-colorFocus 回退值var(--md-sys-color-on-surface-variant)	Controls chip flat focus outline color.
--md-suggestion-chip-flat-outline-colorColor 回退值var(--md-sys-color-outline-variant)	Controls chip flat outline color.
--md-suggestion-chip-flat-outline-widthLayout 回退值0.0625rem	Controls chip flat outline width.
--md-suggestion-chip-focus-indicator-colorFocus 回退值var(--md-sys-color-secondary)	Controls chip focus indicator color.
--md-suggestion-chip-focus-indicator-outline-offsetFocus 回退值var(--md-sys-state-focus-indicator-outer-offset)	Controls chip focus indicator outline offset.
--md-suggestion-chip-focus-indicator-thicknessFocus 回退值var(--md-sys-state-focus-indicator-thickness)	Controls chip focus indicator thickness.
--md-suggestion-chip-focus-label-text-colorFocus 回退值var(--md-sys-color-on-surface-variant)	Controls chip focus label text color.
--md-suggestion-chip-focus-state-layer-colorFocus 回退值var(--md-sys-color-on-surface-variant)	Controls chip focus state layer color.
--md-suggestion-chip-hover-label-text-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip hover label text color.
--md-suggestion-chip-hover-state-layer-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip hover state layer color.
--md-suggestion-chip-label-text-colorColor 回退值var(--md-sys-color-on-surface-variant)	Controls chip label text color.
--md-suggestion-chip-pressed-label-text-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip pressed label text color.
--md-suggestion-chip-pressed-state-layer-colorState 回退值var(--md-sys-color-on-surface-variant)	Controls chip pressed state layer color.
--md-suggestion-chip-with-leading-icon-disabled-leading-icon-colorDisabled 回退值var(--md-sys-color-on-surface)	Controls chip with leading icon disabled leading icon color.
--md-suggestion-chip-with-leading-icon-disabled-leading-icon-opacityDisabled 回退值0.38	Controls chip with leading icon disabled leading icon opacity.
--md-suggestion-chip-with-leading-icon-focus-leading-icon-colorFocus 回退值var(--md-sys-color-primary)	Controls chip with leading icon focus leading icon color.
--md-suggestion-chip-with-leading-icon-hover-leading-icon-colorState 回退值var(--md-sys-color-primary)	Controls chip with leading icon hover leading icon color.
--md-suggestion-chip-with-leading-icon-leading-icon-colorColor 回退值var(--md-sys-color-primary)	Controls chip with leading icon leading icon color.
--md-suggestion-chip-with-leading-icon-leading-icon-sizeLayout 回退值Typography, density and icon scale (default reference: 1.125rem)	Controls chip with leading icon leading icon size.
--md-suggestion-chip-with-leading-icon-pressed-leading-icon-colorState 回退值var(--md-sys-color-primary)	Controls chip with leading icon pressed leading icon color.