Variable CircularProgressConst

Type Declaration

• • (props: CircularProgressPropsExtend): Element

  • A customized Material UI Circular Progress component with fade animation.

    Parameters

    • props: CircularProgressPropsExtend

      The properties for the CircularProgress component

    Returns Element

    A rendered CircularProgress component

    Component

    Example

    // Basic usage with loading state
    <CircularProgress isLoaded={false} />
    
    // With custom size and color
    <CircularProgress
      isLoaded={false}
      size={40}
      color="secondary"
    />
    
    // With custom styling
    <CircularProgress
      isLoaded={false}
      sx={{
        color: 'primary.main',
        position: 'absolute'
      }}
    />
    
    // With custom thickness
    <CircularProgress
      isLoaded={false}
      thickness={4}
      size={50}
    />
    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/react-progress/