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 |
Toggle Inline API
Examples
Props
Selected class
The selected-class prop allows you to designate a CSS class applied to selected items.
Click Me!
Click Me!
Click Me!
Mandatory
mandatory item groups must have at least 1 item selected.
Click Me!
Click Me!
Click Me!
Multiple
Item groups can have multiple items selected.
Click Me!
Click Me!
Click Me!
Misc
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.