Components List

All about Avatars

An Avatar 

Code Snippet
<div className="avatar-container-lg">
  <img class="avatar" src="Image Url" alt="" srcset="" />
 </div>

A small size Avatar 

Code Snippet
<div className="avatar-container-sm">
  <img class="avatar-sm" src="Image Url" alt="" srcset="" />
</div>

A small Avatar with green status

User Name
Code Snippet
<div class="avatar-container-sm">
  <img
    class="avatar"
    src="Image Url"
    alt="User Name" />
  <span class="user-status loggedIn"></span>
</div>

A small Avatar with red status

User Name
Code Snippet
<div class="avatar-container-sm">
  <img
    class="avatar"
    src="Image Url"
    alt="User Name" />
  <span class="user-status loggedOut"></span>
</div>