Slide groups

The v-slide-group component is used to display pseudo paginated information. It uses v-item-groupat its core and provides a baseline for components such as v-tabsand v-chip-group.


Similar to the v-windowcomponent, v-slide-group lets items to take up as much space as needed, allowing the user to move horizontally through the provided information.


v-slide-groupPrimary Component
v-slide-group-itemSub-component used for modifying the v-slide-group state



Active class

active-class prop allows you to pass a class to customize the active items.

Center active

Using the center-active prop will make the active item always centered.

Custom icons

You can add your custom pagination icons instead of arrows using the next-icon and prev-icon props.


the mandatory prop will make the slide group require at least 1 item must be selected.


You can select multiple items by setting the multiple prop.


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