Avatar

Install the component dependency:

Include a React component in your project:

Name
Value
Description
Default
name
string
used to generate intials as a fallback image
size
xSmall | small | medium | large | xLarge
avatar size (from Avatar.sizes)
medium
src
string
URI or path to avatar image

Five avatar sizes are available.

An avatar with a visual image is preferred. In cases where the image is unavailable or loading, initials of the person pictured will be displayed. Always provide the name prop as a fallback.