@mui/material/Tabs/tabsClasses.d.ts

Quickly build beautiful React apps. MUI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

export interface TabsClasses {
    /** Styles applied to the root element. */
    root: string;
    /** Styles applied to the root element if `orientation="vertical"`. */
    vertical: string;
    /** Styles applied to the flex container element. */
    flexContainer: string;
    /** Styles applied to the flex container element if `orientation="vertical"`. */
    flexContainerVertical: string;
    /** Styles applied to the flex container element if `centered={true}` & `!variant="scrollable"`. */
    centered: string;
    /** Styles applied to the tablist element. */
    scroller: string;
    /** Styles applied to the tablist element if `!variant="scrollable"`. */
    fixed: string;
    /** Styles applied to the tablist element if `variant="scrollable"` and `orientation="horizontal"`. */
    scrollableX: string;
    /** Styles applied to the tablist element if `variant="scrollable"` and `orientation="vertical"`. */
    scrollableY: string;
    /** Styles applied to the tablist element if `variant="scrollable"` and `visibleScrollbar={false}`. */
    hideScrollbar: string;
    /** Styles applied to the ScrollButtonComponent component. */
    scrollButtons: string;
    /** Styles applied to the ScrollButtonComponent component if `allowScrollButtonsMobile={true}`. */
    scrollButtonsHideMobile: string;
    /** Styles applied to the TabIndicator component. */
    indicator: string;
}
export declare type TabsClassKey = keyof TabsClasses;
export declare function getTabsUtilityClass(slot: string): string;
declare const tabsClasses: TabsClasses;
export default tabsClasses;