Skip to content

Commit 935351c

Browse files
authored
feat(VSlideGroup): add content class to VSlideGroup props (#21431)
1 parent cb8015d commit 935351c

File tree

3 files changed

+11
-1
lines changed

3 files changed

+11
-1
lines changed

packages/api-generator/src/locale/en/VSlideGroup.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
{
22
"props": {
33
"centerActive": "Forces the selected component to be centered.",
4+
"contentClass": "Adds classes to the slide group item.",
45
"direction": "Switch between horizontal and vertical modes.",
56
"mobileBreakpoint": "Sets the designated mobile breakpoint for the component.",
67
"nextIcon": "The appended slot when arrows are shown.",

packages/docs/src/data/new-in.json

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -124,6 +124,11 @@
124124
"end": "3.2.0"
125125
}
126126
},
127+
"VSlideGroup": {
128+
"props": {
129+
"contentClass": "3.9.0"
130+
}
131+
},
127132
"VSnackbar": {
128133
"props": {
129134
"timer": "3.4.0",

packages/vuetify/src/components/VSlideGroup/VSlideGroup.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,7 @@ type VSlideGroupSlots = {
5050

5151
export const makeVSlideGroupProps = propsFactory({
5252
centerActive: Boolean,
53+
contentClass: null,
5354
direction: {
5455
type: String as PropType<'horizontal' | 'vertical'>,
5556
default: 'horizontal',
@@ -425,7 +426,10 @@ export const VSlideGroup = genericComponent<new <T>(
425426
<div
426427
key="container"
427428
ref={ containerRef }
428-
class="v-slide-group__container"
429+
class={[
430+
'v-slide-group__container',
431+
props.contentClass,
432+
]}
429433
onScroll={ onScroll }
430434
>
431435
<div

0 commit comments

Comments
 (0)