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.
Usage
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.
API
Component | Description |
---|---|
v-slide-group | Primary Component |
v-slide-group-item | Sub-component used for modifying the v-slide-group state |
Examples
Props
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.
Mandatory
the mandatory prop will make the slide group require at least 1 item must be selected.
Multiple
You can select multiple items by setting the multiple prop.
Misc
Pseudo Carousel
Customize the slide group to creatively display information on sheets. Using the selection, we can display auxillary information easily for the user.