Avatars
Examples and documentation for the avatars component
Image Avatars
Shapes
JD
Fallback square
JD
Fallback circle
Auto Colored Fallbacks
Without an image, each name deterministically gets its own color from the design system — no configuration needed.
M
Metin
JD
Jane Doe
A
Akbilisim
BC
Buzzy CMS
JS
John Smith
AL
Ada Lovelace
LT
Linus Torvalds
GH
Grace Hopper
Explicit Colors
Force a palette color with the color prop — handy for profile color
pickers.
M
pink
M
updates
M
blue
M
success
M
info
M
sea
M
trend
M
warning
M
rosy
M
danger
Avatar Group
M
JD
A
BC
JS