LAYOUT / COMPONENTS
Avatar
Represent a person or team consistently.
About avatar
Avatar provides an easy solution for displaying a user’s name, profile image, and title.
01
Anatomy
Shared parts, named consistently.
TMARJL
- 1AvatarRequired
Main element
- 2Status
Displays online status
- 3Name
Name of the user
- 4Title
Title of the user
Try the default
A working example with the shared V1 visual language.
TMARJL
When to use
Prefer a meaningful name over an unexplained image. Use initials if an image is unavailable or cannot load.
The name is available to assistive technology. The avatar is static unless wrapped in a separately named action.