Chip Group

The ChipGroup supercharges the Chip component by providing groupable functionality. It is used for creating groups of selections using chips.

info

For more details about Vuetify’s usage of ChipGroup component, click ChipGroup page.
For more prop explanations, click Vuetify ChipGroup API page.

Props

Attribute	Description	Type	Default
activeClass	The active-class applied to children when they are activated.	string	undefined
centerActive	Forces the selected chip to be centered.	boolean	false
column	Remove horizontal pagination and wrap items as needed.	boolean	false
dark	Applies the dark theme.	boolean	false
mandatory	Forces a value to always be selected.	boolean	false
max	Sets a maximum number of selections that can be made.	number-string	undefined
multiple	Allow multiple selections. The value prop must be an array.	boolean	false
nextIcon	Specify the icon to use for the next icon.	string	undefined
prevIcon	Specify the icon to use for the prev icon.	string	undefined
showArrow	Force the display of the pagination arrows.	boolean	undefined
tabIndex	Allows component to give and receive focus.	number	undefined
value	Determines the active chips values.	number-array	undefined
visible	Visibility of ChipGroup component.	boolean	true

Events

Attribute	Description
change	Emitted when the component value is changed by user interaction.