[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [BaseTabsPanel](./x-components.basetabspanel.md) ## BaseTabsPanel variable Base Tabs Panel. **Signature:** ```typescript _default: import("vue").DefineComponent<{ tabsAnimation: { type: (StringConstructor | ObjectConstructor | FunctionConstructor)[]; default: string; }; contentAnimation: { type: (StringConstructor | ObjectConstructor | FunctionConstructor)[]; default: () => import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly>, {}, {}>; }; initialTab: { type: StringConstructor; default: string; }; allowTabDeselect: { type: BooleanConstructor; default: boolean; }; activeTabClass: StringConstructor; contentClass: StringConstructor; tabClass: StringConstructor; tabsListClass: StringConstructor; }, { selectedTab: import("vue").Ref; slots: Readonly<{ [name: string]: import("vue").Slot | undefined; }>; getTabs: () => string[]; selectTab: (tab: string) => void; tabIsSelected: (tab: string) => boolean; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly>, {}, {}>; }; initialTab: { type: StringConstructor; default: string; }; allowTabDeselect: { type: BooleanConstructor; default: boolean; }; activeTabClass: StringConstructor; contentClass: StringConstructor; tabClass: StringConstructor; tabsListClass: StringConstructor; }>>, { tabsAnimation: string | Function | Record; contentAnimation: string | Function | Record; initialTab: string; allowTabDeselect: boolean; }, {}> ```