Example of an avatar
Anatomy
❖ Delish Component
- Background: this can be an image or a solid color
- Icon: visual to help give clarity to user
- Activity ring: visual to show user is collaborating or calling
- Presence badge❖: shows the status of the user or group
Visual reference for anatomy
Variants
There are 3 variants of the component: image, icon and initials.
Visual of variants
Designer resources