Slide Group
The SlideGroup component is used to display pseudo paginated information. It uses v-item-group at its core and provides a baseline for components such as Tabs and ChipGroup.
info
For more details about Vuetify’s usage of SlideGroup component, click SlideGroup page.
For more prop explanations, click Vuetify SlideGroup API page.
Props
| Attribute | Description | Type | Default |
|---|---|---|---|
| activeClass | The active-class applied to children when they are activated. | string | undefined |
| dark | Applies the dark theme. | boolean | false |
| value | The designated model value for the component. | number-array | undefined |
| centerActive | Forces the selected component to be centered. | boolean | false |
| mandatory | Forces a value to always be selected (if available). | boolean | false |
| multiple | Allow multiple selections. The value prop must be an array. | boolean | false |
| prevIcon | The prepended slot when arrows are shown. | string | undefined |
| showArrows | Change when the overflow arrow indicators are shown. By default, arrows always display on Desktop when the container is overflowing. When the container overflows on mobile, arrows are not shown by default. A show-arrows value of true allows these arrows to show on Mobile if the container overflowing. A value of desktop always displays arrows on Desktop while a value of mobile always displays arrows on Mobile. A value of always always displays arrows on Desktop and Mobile. | boolean-string | undefined |
| visible | Visibility of SlideGroup component. | boolean | true |