diff --git a/src/features/tabs/TabFamily.vue b/src/features/tabs/TabFamily.vue index 45ac87e..1ae9007 100644 --- a/src/features/tabs/TabFamily.vue +++ b/src/features/tabs/TabFamily.vue @@ -11,7 +11,11 @@ tabStyle ?? [] ]" > - +
(String, Object, Array), - classes: processedPropType>(Object) + classes: processedPropType>(Object), + buttonContainerStyle: processedPropType(String, Object, Array), + buttonContainerClasses: processedPropType>(Object) }, components: { Sticky, diff --git a/src/features/tabs/tabFamily.ts b/src/features/tabs/tabFamily.ts index 6197266..a1281e0 100644 --- a/src/features/tabs/tabFamily.ts +++ b/src/features/tabs/tabFamily.ts @@ -56,6 +56,8 @@ export interface TabFamilyOptions { visibility?: Computable; classes?: Computable>; style?: Computable; + buttonContainerClasses?: Computable>; + buttonContainerStyle?: Computable; } export interface BaseTabFamily { @@ -140,10 +142,30 @@ export function createTabFamily( setDefault(tabFamily, "visibility", Visibility.Visible); processComputable(tabFamily as T, "classes"); processComputable(tabFamily as T, "style"); + processComputable(tabFamily as T, "buttonContainerClasses"); + processComputable(tabFamily as T, "buttonContainerStyle"); tabFamily[GatherProps] = function (this: GenericTabFamily) { - const { visibility, activeTab, selected, tabs, style, classes } = this; - return { visibility, activeTab, selected, tabs, style: unref(style), classes }; + const { + visibility, + activeTab, + selected, + tabs, + style, + classes, + buttonContainerClasses, + buttonContainerStyle + } = this; + return { + visibility, + activeTab, + selected, + tabs, + style: unref(style), + classes, + buttonContainerClasses, + buttonContainerStyle + }; }; // This is necessary because board.types is different from T and TabFamily