Add props for TabGroup header

MarkBind · Jun 20, 2024 · f92b856 · f92b856
1 parent 624fa5b
commit f92b856
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/vue-components/src/Dropdown.vue b/packages/vue-components/src/Dropdown.vue
@@ -11,7 +11,7 @@
         :class="{'disabled': disabledBool}"
         data-bs-toggle="dropdown"
       >
-        <slot name="header"></slot>
+        <span v-html="tabgroupHeader"></span>
       </a>
     </slot>
     <slot name="dropdown-menu" :class="[{ 'show': show }, { 'dropdown-menu-end': menuAlignRight }]">
@@ -70,6 +70,10 @@ export default {
       type: String,
       default: 'light',
     },
+    tabgroupHeader: {
+      type: String,
+      default: '',
+    },
     menuAlignRight: {
       type: Boolean,
       default: false,

diff --git a/packages/vue-components/src/Tabset.vue b/packages/vue-components/src/Tabset.vue
@@ -25,11 +25,9 @@
           :key="index"
           class="nav-item"
           :class="{active:t.active}"
+          :tabgroup-header="t.headerRendered"
           :disabled="t.disabled"
         >
-          <template #header>
-            <span v-html="t.headerRendered"></span>
-          </template>
           <li v-for="(tab, tabIndex) in t.tabs" :key="tabIndex">
             <a
               class="nav-link"