VItemGroup API

Props

name	type	default
`disabled`	boolean	false
Puts all children components into a disabled state.
`mandatory`	boolean \| 'force'	false
Forces at least one item to always be selected (if available).
`max`	number	undefined
Sets a maximum number of selections that can be made.
`model-value`	unknown	undefined
The v-model value of the component. If component supports the multiple prop, this defaults to an empty array.
`multiple`	boolean	false
Allows one to select multiple items.
`selected-class`	string	'v-item--selected'
Configure the selected CSS class. This class will be available in `v-item` default scoped slot.
`tag`	string \| (new () => any) \| FunctionalComponent	'div'
Specify a custom tag used on the root element.
`theme`	string	undefined
Specify a theme for this component and all of its children.

Events

name	type
`update:modelValue`	[unknown]
Event that is emitted when the component’s model changes.

Slots

{
  isSelected: (id: string) => boolean
  select: (id: string, value: boolean) => void
  next: () => void
  prev: () => void
  selected: string[]
}

`default`
The default Vue slot.

SASS Variables

name	default
`$item-group-transition`	0.2s settings.$standard-easing

#VItemGroup API