Item Groups

The v-item-group provides the ability to create a group of selectable items out of any component. This is the baseline functionality for components such as v-tabs and v-carousel.

Usage

The core usage of the v-item-group is to create groups of anything that should be controlled by a model.

API

v-item-group
Name
active-class
Default
'v-item--active'
Type
string

CSS Class to apply when active

Name
dark
Default
false
Type
boolean

Applies the dark theme variant

Name
light
Default
false
Type
boolean

Applies the light theme variant

Name
mandatory
Default
false
Type
boolean

Forces a value to always be selected

Name
max
Default
undefined
Type
number | string

Sets maximum width

Name
multiple
Default
false
Type
boolean

Allows for multiple selections. Model used must be an Array

Name
value
Default
undefined
Type
any

Controls visibility

Examples

Chips

Easily hook up a custom chip group.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore