Slide group

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.

Basic

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.

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

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

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.

CONTENTS
  • Introduction

  • Basic

  • Active class

  • Center active

  • Custom icons

  • Mandatory

  • Multiple

  • Pseudo Carousel