Variable LoadingButtonConst

Type Declaration

• • (props: LoadingButtonPropsExtend): Element

  • A customized Material-UI Loading Button component.

    Parameters

    • props: LoadingButtonPropsExtend

      The properties for the LoadingButton component

    Returns Element

    A rendered LoadingButton component

    Component

    Example

    // Basic usage
    <LoadingButton>
      Click Me
    </LoadingButton>
    
    // With loading state
    <LoadingButton
      loading [[1]](https://getbootstrap.com/docs/3.3/javascript/)
      loadingPosition="start"
      startIcon={<SaveIcon />}
    >
      Saving
    </LoadingButton>
    
    // With custom styling
    <LoadingButton
      loading={isLoading}
      variant="contained"
      sx={{
        minWidth: 120
      }}
    >
      Submit
    </LoadingButton>
    Copy

    Note

    For performance optimization in cases of frequent parent re-renders, consider wrapping this component with React.memo at the consumption level.

    See

    https://mui.com/material-ui/api/loading-button/