Avatar

Avatar displays a user's picture. This helps aid easy recognition of the user. This kit is normally not used by itself, but rather used within other kits.
The only time Avatar should be used instead of the User kit is when you are not going to display the user's name.

Default


Monogram


This is used when there is no avatar for a particular user.

Bad Image Link


A monagram is used as a fallback when an invalid or missing image url is provided.

Status


The Status prop is used to display a user's online status like popular chat apps.


Things to Avoid

Avoid using Avatar with the user's name right next to it or under it. Use User kit instead. Do not use this kit for images that are not profile pictures.

Available Props