Important Links

Get Started

Components

Avatar Alert Badge Button Cards Image Input Texts Utilites List Navigation Rating Snackbar Grid Modal

Home Components Avatar

Avatar

The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.

Usages

To achieve the above avatar, you need to follow the following code:

                
                  < -- For Default Avatar -->
                  

                  <img src="https://example.com/image.png" class="avatar"></img>

Avatar with sizes

We have pre defined some avatar of a specific size

Usages

To achieve the above avatars, you need to follow the following code:

                
                  < -- For Small Avatar -->
                  

                  <img src="https://example.com/image.png" class="avatar-sm"></img>
                  

                  < -- For Medium Avatar -->
                  

                  <img src="https://example.com/image.png" class="avatar-md"></img>
                    

                  < -- For Large Avatar -->
                  

                  <img src="https://example.com/image.png" class="avatar-lg"></img>

Alert