This sample demonstrates the default avatar and circle avatar in which the
.e-avatar-circle classes should be added, respectively to the target element.
The avatar is developed in pure CSS which is used to represent the profile picture or initials or icons in a presentable way. It comes with two different shapes, they are listed below.
.e-avatarclass to the target element.
.e-avatar-circleclass to the target element.
The avatar comes with 5 different sizes, and are applied through modifier classes. They are:
.e-avatarclass. No additional class is needed for this.
.e-avatar is the main class, which should be included in the target element to use any of the other avatar features.
The images can be added in the following two different ways to the avatar:
backgroundproperty on the avatar element. It doesn’t require any additional element.