[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 import("vue").DefineComponent<{}, {}, any>; }; 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; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly import("vue").DefineComponent<{}, {}, any>; }; initialTab: { type: StringConstructor; default: string; }; allowTabDeselect: { type: BooleanConstructor; default: boolean; }; activeTabClass: StringConstructor; contentClass: StringConstructor; tabClass: StringConstructor; tabsListClass: StringConstructor; }>> & Readonly<{}>, { tabsAnimation: string | Function | Record; contentAnimation: string | Function | Record; initialTab: string; allowTabDeselect: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```