🚧 This website is work in progress 👷
Components
Structure
Avatar

Avatar

Avatar

Editable Example

import { Avatar } from "@wfp/react";

() => {
  return (
    <Avatar image="https://www.wfp.org/sites/default/files/styles/page_accordion/public/images/ourwork_humanitarian.jpg?itok=R0ymBwxH" />
  );
};
PropDefaultDescriptionValue

alt

string
–

Provide the alt text for the image.

missingImage

"avatar" |"letter"
avatar

Specify the type of Tag

default: avatar

image

string
–

Url to an avatar image The size of the image is 25px * 25px. Provide at least 50px * 50px to support HiDPI displays.

name

string
–

The username which will be displayed in the avatar.

userIconProps

any
–

Additional props for the UserIcon component

On this page

References