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

Examples

Multiple

Item groups can have multiple items selected.

Mandatory

mandatory item groups must have at least 1 item selected.

With active class

activeClass property allows you to set custom CSS class on active items.

Custom groups

Icons can be used as toggle buttons when they allow selection, or deselection, of a single choice, such as marking an item as a favorite.

Chips

Easily hook up a custom chip group.

Edit this page | language on Github
Vuetify
StoreFor Enterprise