Variable CircularProgressConst

Type Declaration

• • (props: CircularProgressPropsExtend): Element

  • Material-UI CircularProgress with fade-in/out animation.

    Wraps Material-UI's CircularProgress with Fade animation controlled by the isLoaded prop. Shows loading spinner when isLoaded is false, fades out when true using theme transitions. All Material-UI CircularProgress props are supported. Useful for displaying loading states with smooth visibility transitions.

    Parameters

    • props: CircularProgressPropsExtend

      CircularProgress configuration (see CircularProgressPropsExtend interface)

    Returns Element

    Fading CircularProgress component showing when not loaded

    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

    See

    https://mui.com/material-ui/react-progress/