Vue Chip Set Component API

Sets the wording announced when chips are added: a word that follows their values, joined with commas, or a function that receives the values and returns the whole message.

Sets the wording announced when chips are removed: a word that follows their values, joined with commas, or a function that receives the values and returns the whole message.

Names the remove button of every chip with the chip's text: a string has {label} replaced by it, or gets it appended when there is no {label} (Remove Vue); a function receives the text and returns the whole name. A selectable chip has no such button — the affordance is hidden from assistive technology and removal runs from the chip itself.

Component used for the root node. Either a string to use a HTML element or a component.

Renders chips from data instead of the default slot. Each item is a string or an object with a value, an optional label, and any CChip props. The slot is used when this is omitted.

Disables every chip rendered by the component.

Turns the chips into filter chips, each showing a leading check icon while selected.

Displays a remove button on every chip rendered by the component.

Replaces the default remove icon on every chip with a custom icon node.

Enables selection behavior for the chips rendered by the component.

The selected chip values passed using v-model:selected.

Replaces the default selected icon shown by filter chips with a custom icon node.

Sets how many chips can be selected at once.

Moves focus to the chip whose value starts with the typed characters.

Event occurs when a chip requests removal, with its value.

Event occurs when the selected chip values change.

Emit the chips without the removed one (for v-model:chips).

Emit the new selected values whenever the selection changes (for v-model:selected).