Variable FadeConst

Type Declaration

• • (props: FadePropsExtend): Element

  • Material-UI Fade component for opacity-based visibility transitions.

    Wraps Material-UI's Fade to provide smooth opacity transition when showing/hiding content. Controls visibility via the in prop with optional timeout and unmount behaviors. All Material-UI Fade props are supported and passed through directly.

    Parameters

    • props: FadePropsExtend

      Fade configuration (see FadePropsExtend interface)

    Returns Element

    Fade component with smooth opacity transition effect

    Example

    // Basic usage
    <Fade in={true}>
      <div>Content to fade</div>
    </Fade>
    
    // With timeout
    <Fade
      in={isVisible}
      timeout={300}
    >
      <Card>Fading card</Card>
    </Fade>
    
    // With unmount on exit
    <Fade
      in={show}
      unmountOnExit
    >
      <Typography>Content unmounts when faded out</Typography>
    </Fade>
    Copy

    See

    https://mui.com/material-ui/transitions/#fade