Variable AvatarConst

Type Declaration

• • (props: AvatarPropsExtend): Element

  • A customized Material-UI Avatar component.

    Parameters

    • props: AvatarPropsExtend

      The properties for the Avatar component

    Returns Element

    A rendered Avatar component

    Component

    Example

    // Basic usage with text
    <Avatar>JD</Avatar>
    
    // With image
    <Avatar
      alt="User Name"
      src="/path/to/image.jpg"
    />
    
    // With custom styling
    <Avatar
      sx={{
        bgcolor: 'primary.main',
        width: 56,
        height: 56
      }}
    >
      <PersonIcon />
    </Avatar>
    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/avatar/