@mui/material/Button/buttonClasses.d.ts

React components that implement Google's Material Design.

export interface ButtonClasses {
    /** Styles applied to the root element. */
    root: string;
    /** Styles applied to the root element if `variant="text"`. */
    text: string;
    /** Styles applied to the root element if `variant="text"` and `color="inherit"`. */
    textInherit: string;
    /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
    textPrimary: string;
    /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
    textSecondary: string;
    /** Styles applied to the root element if `variant="text"` and `color="success"`. */
    textSuccess: string;
    /** Styles applied to the root element if `variant="text"` and `color="error"`. */
    textError: string;
    /** Styles applied to the root element if `variant="text"` and `color="info"`. */
    textInfo: string;
    /** Styles applied to the root element if `variant="text"` and `color="warning"`. */
    textWarning: string;
    /** Styles applied to the root element if `variant="outlined"`. */
    outlined: string;
    /** Styles applied to the root element if `variant="outlined"` and `color="inherit"`. */
    outlinedInherit: string;
    /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
    outlinedPrimary: string;
    /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
    outlinedSecondary: string;
    /** Styles applied to the root element if `variant="outlined"` and `color="success"`. */
    outlinedSuccess: string;
    /** Styles applied to the root element if `variant="outlined"` and `color="error"`. */
    outlinedError: string;
    /** Styles applied to the root element if `variant="outlined"` and `color="info"`. */
    outlinedInfo: string;
    /** Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
    outlinedWarning: string;
    /** Styles applied to the root element if `variant="contained"`. */
    contained: string;
    /** Styles applied to the root element if `variant="contained"` and `color="inherit"`. */
    containedInherit: string;
    /** Styles applied to the root element if `variant="contained"` and `color="primary"`. */
    containedPrimary: string;
    /** Styles applied to the root element if `variant="contained"` and `color="secondary"`. */
    containedSecondary: string;
    /** Styles applied to the root element if `variant="contained"` and `color="success"`. */
    containedSuccess: string;
    /** Styles applied to the root element if `variant="contained"` and `color="info"`. */
    containedInfo: string;
    /** Styles applied to the root element if `variant="contained"` and `color="error"`. */
    containedError: string;
    /** Styles applied to the root element if `variant="contained"` and `color="warning"`. */
    containedWarning: string;
    /** Styles applied to the root element if `disableElevation={true}`. */
    disableElevation: string;
    /** State class applied to the ButtonBase root element if the button is keyboard focused. */
    focusVisible: string;
    /** State class applied to the root element if `disabled={true}`. */
    disabled: string;
    /** Styles applied to the root element if `color="inherit"`. */
    colorInherit: string;
    /** Styles applied to the root element if `size="small"` and `variant="text"`. */
    textSizeSmall: string;
    /** Styles applied to the root element if `size="medium"` and `variant="text"`. */
    textSizeMedium: string;
    /** Styles applied to the root element if `size="large"` and `variant="text"`. */
    textSizeLarge: string;
    /** Styles applied to the root element if `size="small"` and `variant="outlined"`. */
    outlinedSizeSmall: string;
    /** Styles applied to the root element if `size="medium"` and `variant="outlined"`. */
    outlinedSizeMedium: string;
    /** Styles applied to the root element if `size="large"` and `variant="outlined"`. */
    outlinedSizeLarge: string;
    /** Styles applied to the root element if `size="small"` and `variant="contained"`. */
    containedSizeSmall: string;
    /** Styles applied to the root element if `size="medium"` and `variant="contained"`. */
    containedSizeMedium: string;
    /** Styles applied to the root element if `size="large"` and `variant="contained"`. */
    containedSizeLarge: string;
    /** Styles applied to the root element if `size="small"`. */
    sizeSmall: string;
    /** Styles applied to the root element if `size="medium"`. */
    sizeMedium: string;
    /** Styles applied to the root element if `size="large"`. */
    sizeLarge: string;
    /** Styles applied to the root element if `fullWidth={true}`. */
    fullWidth: string;
    /** Styles applied to the startIcon element if supplied. */
    startIcon: string;
    /** Styles applied to the endIcon element if supplied. */
    endIcon: string;
    /** Styles applied to the icon element if supplied and `size="small"`. */
    iconSizeSmall: string;
    /** Styles applied to the icon element if supplied and `size="medium"`. */
    iconSizeMedium: string;
    /** Styles applied to the icon element if supplied and `size="large"`. */
    iconSizeLarge: string;
}
export type ButtonClassKey = keyof ButtonClasses;
export declare function getButtonUtilityClass(slot: string): string;
declare const buttonClasses: ButtonClasses;
export default buttonClasses;