Store

For Enterprise

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.

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

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

Item groups can have multiple items selected.

mandatory item groups must have at least 1 item selected.

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

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.

Easily hook up a custom chip group.

Ready for more? Continue reading with:

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!