You can use an
Avatar to represent a user. Every Avatar image has a subtle color wash.
There are 5 sizes you can choose for an
Avatar. For certain designs you may need a container-based size. More information on that option is below.
Container Based Sizes
Avatars that are not given a
size prop will be expand to fit to the width of their
parent container. A common use case is to achieve column-based sizing.
Resize the browser to see these Avatar change to match the width of the
have been placed in.
Without an image
If there is no image source provided to the
Avatar, the first character of
the name provided will be used as a placeholder.
When someone has a verified account, we can set the
verified prop on it.