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
| Component | Description |
|---|---|
| v-item-group | The item group component. |
| v-item | Sub-component used for modifying the v-item-group state |
Examples
Props
Selected class
The selected-class prop allows you to designate a CSS class applied to selected items.
Mandatory
mandatory item groups must have at least 1 item selected.
Multiple
Item groups can have multiple items selected.
Misc
Chips
Easily hook up a custom chip group.
Selection
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.
Ready for more?
Continue your learning with related content selected by the Team or move between pages by using the navigation links below.
Edit this page onGitHub