For Enterprise

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

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

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

Below is a collection of simple to complex examples.

You can add your custom pagination icons instead of arrows

Active class can be customized

You can select multiple items

At least 1 item must be selected

Active item is always centered

Ready for more? Continue reading with:

Caught a mistake or want to contribute to the documentation? Edit Layout or Content on GitHub!