Avatar

Example

Razor
<kendo-avatar>
</kendo-avatar>

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
altStringA text description of the Avatar image. When type="image" is configured this value will be used to populate the alt attribute of the <img> element.
as-moduleBoolean
borderBooleanSpecifies whether the avatar should render border around its container element. Default is false.
class-nameStringAdds additional custom classes to the Avatar container element.
iconStringSpecifies an icon name to be used if the avatar type is set to icon. For a list of available icon names, please refer to the Web Font Icons article.
imageStringSpecifies an image URL or dataURL that would be used to populate the src attribute of the avatar <img> element.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
fill-modeAvatarFillModeSets a value controlling how the color is applied.
roundedRoundedSets a value controlling the border radius.
script-attributesIDictionary<String,Object>
sizeComponentSize
textStringWill be used to populated Avatar content when its type is set to text
theme-colorThemeColorSets the theme color
typeAvatarTypeSets the type of the avatar.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
styleIDictionary<String,Object>Sets additional CSS styles to the Avatar container element.
In this article
ExampleAttributes
Not finding the help you need?
Contact Support