stable
AvatarAvatars are images that users can set as their profile picture.
Default
<img
alt="avatar"
width="64"
height="64"
src="{{ imageUrl }}"
class="avatar"
/>
1
2
3
4
5
6
7
2
3
4
5
6
7
Status
<div class="position-relative">
<img
alt="avatar"
width="64"
height="64"
src="{{ imageUrl }}"
class="avatar"
/>
<div class="position-absolute bottom-0 right-0">
<div class="status status--positive status--nested status--size-2"></div>
</div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12