Chip

Chips cover assist, suggestion, filter, and input patterns with shared selection, icon, and avatar support.

Chip

Props

Name	Description	Default	Control
`variant`Optional	Material 3 chip variant. `filterassistinputsuggestion`	`"filter"`	filterassistinputsuggestion
`value`Optional	Value used when the chip participates in a selection group model. `SelectionGroupValue \| undefined`	`undefined`	-
`name`Optional	Name forwarded to the native input when used outside a selection group. `string \| undefined`	`undefined`	-
`elevated`Optional	Whether to use the elevated filter chip treatment. `boolean \| undefined`	`false`
`leadingIcon`Optional	Leading icon shown before the label. `string \| undefined`	`undefined`
`trailingIcon`Optional	Trailing icon shown after the label. `string \| undefined`	`undefined`
`avatarSrc`Optional	Avatar image URL shown by input chips. `string \| undefined`	`undefined`
`selectedIcon`Optional	Optional selected-state icon used when no leading icon is provided. `string \| false \| undefined`	`"check"`	-
`disabled`Optional	Whether the chip is disabled. `boolean \| undefined`	`false`
`ariaLabel`Optional	ARIA label forwarded to the native input. `string \| undefined`	`undefined`	-
`modelValue`Optional	- `boolean \| undefined`	`false`

Events

Name	Type	Description
`update:modelValue`	`[value: boolean]`	-

Slots

Name	Parameters	Description
`default`	-	Main chip label.

Default

Chip

Variants

Filter Input

Icons

Leading iconTrailing icon

Avatar

Alex

Selection Group

Disabled

AssistSelected