From ecbca639844fe1e3da90999874103bf0395c8d5a Mon Sep 17 00:00:00 2001
From: Christopher Ng <chrng8@gmail.com>
Date: Fri, 20 Oct 2023 10:20:52 -0700
Subject: [PATCH] fix(NcCheckboxRadioSwitch): Restore wrapper element prop

Signed-off-by: Christopher Ng <chrng8@gmail.com>
---
 .../NcCheckboxRadioSwitch.vue                 | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue b/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue
index 04165f54a0..37bc0859c5 100644
--- a/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue
+++ b/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue
@@ -258,7 +258,7 @@ export default {
 </docs>
 
 <template>
-	<component :is="wrapperElement"
+	<component :is="computedWrapperElement"
 		:id="wrapperId"
 		:class="{
 			['checkbox-radio-switch-' + type]: type,
@@ -431,6 +431,18 @@ export default {
 			type: Boolean,
 			default: false,
 		},
+
+		/**
+		 * Wrapping element tag
+		 *
+		 * When `type` is set to `button` this will be ignored
+		 *
+		 * Defaults to `span`
+		 */
+		wrapperElement: {
+			type: String,
+			default: null,
+		},
 	},
 
 	emits: ['update:checked'],
@@ -440,10 +452,13 @@ export default {
 			return this.type === TYPE_BUTTON
 		},
 
-		wrapperElement() {
+		computedWrapperElement() {
 			if (this.isButtonType) {
 				return 'button'
 			}
+			if (this.wrapperElement !== null) {
+				return this.wrapperElement
+			}
 			return 'span'
 		},