The Avatar component is used to represent users. And should only be used for users.
size property to set the width and height of a avatar.
The initials will size automatically.
src property to create a avatar with a image.
The color of an avatar is automatically generated based on the name provided.
You can also manually override the color with
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
to automatically determine the color.