PRIME 8

Avatars

Avatar is used to represent a user, and display their profile picture or initials.

Image avatars

You can use the image of the user in image avatar. You need to include avatar class and add size class (avatar-L, avatar-S) according to your size requirements. Regular size is set as default for avatar class.

avatar avatar avatar

Refer the below code to use different variations of image avatars. Make changes as per your requirements.

Text avatars

You can use the initials of the user in text avatar. You need to include avatar class and add size class (avatar-L, avatar-S) according to your size requirements. Regular size is set as default for avatar class.

TS
TS
TS

Refer the below code to use different variations of text avatars. Make changes as per your requirements.