| Class name | Type | |
|---|---|---|
| avatar | Component | Container element |
| avatar-group | Component | Container for grouping multiple avatars |
| online | Utility | shows a green dot as online indicator |
| offline | Utility | shows a gray dot as online indicator |
| placeholder | Utility | to show some letters as avatar placeholder |
Examples
avatar
Preview
HTML
avatar-group
Preview
HTML
avatar-group
Preview
HTML
+99
avatar circle
Preview
HTML
avatar with mask
Preview
HTML
avatar with border
Preview
HTML
avatar circle
Preview
HTML
avatar with presense indicator
Preview
HTML
avatar with presense indicator
Preview
HTML
avatar placeholder
Preview
HTML
K
JO
MX
AA