feat(VItemGroup): add tag prop to component (#12771)

resolves #11392
vuetifyjs · Dec 23, 2020 · e3378fc · e3378fc
1 parent 09ddab5
commit e3378fc
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VItemGroup/VItemGroup.ts b/packages/vuetify/src/components/VItemGroup/VItemGroup.ts
@@ -36,6 +36,10 @@ export const BaseItemGroup = mixins(
       default: null,
     },
     multiple: Boolean,
+    tag: {
+      type: String,
+      default: 'div',
+    },
   },
 
   data () {
@@ -248,7 +252,7 @@ export const BaseItemGroup = mixins(
   },
 
   render (h): VNode {
-    return h('div', this.genData(), this.$slots.default)
+    return h(this.tag, this.genData(), this.$slots.default)
   },
 })
 

diff --git a/packages/vuetify/src/components/VItemGroup/__tests__/VItemGroup.spec.ts b/packages/vuetify/src/components/VItemGroup/__tests__/VItemGroup.spec.ts
@@ -377,4 +377,14 @@ describe('VItemGroup', () => {
     expect(wrapper.vm.selectedIndex).toBe(2)
     expect(wrapper.vm.selectedItem).toEqual(wrapper.vm.items[2])
   })
+
+  it('should render with a specified tag when the tag prop is provided with a value', () => {
+    const wrapper = mountFunction({
+      propsData: {
+        tag: 'button',
+      },
+    })
+
+    expect(wrapper.is('button')).toBe(true)
+  })
 })