menu-btn

VISPAUI

 v1.0 Docs

Avatar

VISPA-UI includes an expertly-crafted 7 varieties of Avatars which can make your UI building experience effortless.

Basic

To use the Avatar component you can use the avatar class to the image.

profile_img 
              
              
<img class="avatar" src="#" />

eXtra Large Avatar

To use the eXtra Large Avatar component you can use the av-xl class to the image.

profile_img 
              
              
<img class="avatar av-xl" src="#" />

Large Avatar

To use the Large Avatar component you can use the av-lg class to the image.

profile_img 
              
              
<img class="avatar av-lg" src="#" />

Medium Avatar

To use the Medium Avatar component you can use the av-md class to the image.

profile_img 
              
              
<img class="avatar av-md" src="#" />

Small Avatar

To use the Small Avatar component you can use the av-sm class to the image.

profile_img 
              
              
<img class="avatar av-sm" src="#" />

eXtra Small Avatar

To use the eXtra Small Avatar component you can use the av-xs class to the image.

profile_img 
              
              
<img class="avatar av-xs" src="#" />

Square Avatar

To use the Square Avatar component you can use the av-square class to the image.

profile_img 
              
              
<img class="avatar av-square" src="#" />