Avatar

The Avatar component is used to represent users. And should only be used for users.

DetailsProperties

Basic

Use the size property to set the width and height of a avatar. The initials will size automatically.

JR

Avatar with image

Use the src property to create a avatar with a image.

Colors explained

The color of an avatar is automatically generated based on the name provided. You can also manually override the color with color.

SJ
BG
EM
AK

Rendering anonymous users with different colors

In some cases user avatars are displayed without knowing the name of the user. It's possible in those cases to use a id as the hashValue property to automatically determine the color.

AU
AU
AU