Avatar

Adds additional visual information about a user.

When to use

- When you want to show a user's image along contextual information.

- When you want to attribute an action to a user.

Examples

Avatar with available sizes
user
user
user
user
user
Avatar with error fallback
user
user
user
user
user
Avatar with example overrides
user name #1
beyonce knowles
user name #3
beyonce knowles

Overrides

Additionally, you can fully customize any part of the Avatar through the overrides prop. The Avatar consists of multiple sub-components that are listed bellow and you can override each one of them. To help you identify the names of these sub-components, you can highlight them through this selector:

user name #1
user