Variable FadeConst

Type Declaration

• • (props: FadePropsExtend): Element

  • Create a customized Material UI Fade component.

    Parameters

    • props: FadePropsExtend

      All valid Material-UI Fade props

    Returns Element

    The Fade component

    Component

    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