LoadingButton API - Material UI

MUI Loading Button Class Names

Root Element Classes

• .Mui-disabledState: Applied if disabled={true}
• .Mui-focusVisibleState: Applied if button is keyboard focused
• .MuiLoadingButton-root: Base root styles

Color Variant Classes

• .MuiLoadingButton-colorError: Applied if color="error"
• .MuiLoadingButton-colorInfo: Applied if color="info"
• .MuiLoadingButton-colorInherit: Applied if color="inherit"
• .MuiLoadingButton-colorPrimary: Applied if color="primary"
• .MuiLoadingButton-colorSecondary: Applied if color="secondary"
• .MuiLoadingButton-colorSuccess: Applied if color="success"
• .MuiLoadingButton-colorWarning: Applied if color="warning"

Variant Classes

• .MuiLoadingButton-contained: Applied if variant="contained"
• .MuiLoadingButton-outlined: Applied if variant="outlined"
• .MuiLoadingButton-text: Applied if variant="text"

Size Classes

• .MuiLoadingButton-sizeLarge: Applied if size="large"
• .MuiLoadingButton-sizeMedium: Applied if size="medium"
• .MuiLoadingButton-sizeSmall: Applied if size="small"

Other Classes

• .MuiLoadingButton-disableElevation: Applied if disableElevation={true}
• .MuiLoadingButton-fullWidth: Applied if fullWidth={true}
• .MuiLoadingButton-loading: Applied if loading={true}

Icon Classes

• .MuiLoadingButton-startIcon: Applied to startIcon element
• .MuiLoadingButton-endIcon: Applied to endIcon element
• .MuiLoadingButton-icon: Applied to icon element

Loading Indicator Classes

• .MuiLoadingButton-loadingIndicator: Applied to loadingIndicator element
• .MuiLoadingButton-loadingIndicatorCenter: If loadingPosition="center"
• .MuiLoadingButton-loadingIndicatorStart: If loadingPosition="start"
• .MuiLoadingButton-loadingIndicatorEnd: If loadingPosition="end"

Label Class

• .MuiLoadingButton-label: Applied to span wrapping children