Avatar

Usage Guidelines

The Telerik and Kendo UI Avatar requires you to follow some basic principles when using the component.

Proportions

The Avatar usually displays an image or icon that requires equal height and width. Changing its 1:1 ratio will distort the component and the content inside will be displayed improperly.

DoUse the size and border radius options provided by the Avatar to achieve the desired look-and-feel.

Don'tAvoid changing the 1:1 aspect ratio between the width and height of the Avatar.

Text Label Lenght

The Avatar must contain brief and clear information as the available space is limited and the content must fit.

DoUse initials and short words to represent the meaning of the Avatar.

Don'tAvoid using long labels that distort the Avatar.

Consistency

When using multiple Avatars in a group, their size, border radius, and content type must be equal to indicate the relation.

DoUse Avatars of equal size, border radius, and content type if they are part of the same group.

Don'tAvoid mixing sizes, border radiuses and different content types within a group of Avatars.