feat(VResponsive): add contentClass prop

closes #10982
vuetifyjs · Dec 9, 2020 · 71b8854 · 71b8854
1 parent b5df1db
commit 71b8854
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/api-generator/src/locale/en/v-responsive.json b/packages/api-generator/src/locale/en/v-responsive.json
@@ -1,5 +1,6 @@
 {
   "props": {
-    "aspectRatio": "Sets a base aspect ratio, calculated as width/height. This will only set a **minimum** height, the component can still grow if it has a lot of content."
+    "aspectRatio": "Sets a base aspect ratio, calculated as width/height. This will only set a **minimum** height, the component can still grow if it has a lot of content.",
+    "contentClass": "Apply a custom class to the responsive content div."
   }
 }
diff --git a/packages/vuetify/src/components/VResponsive/VResponsive.ts b/packages/vuetify/src/components/VResponsive/VResponsive.ts
@@ -15,6 +15,7 @@ export default mixins(Measurable).extend({
 
   props: {
     aspectRatio: [String, Number] as NumberOrNumberString,
+    contentClass: String,
   },
 
   computed: {
@@ -40,6 +41,7 @@ export default mixins(Measurable).extend({
     genContent (): VNode {
       return this.$createElement('div', {
         staticClass: 'v-responsive__content',
+        class: this.contentClass,
       }, this.$slots.default)
     },
   },