Avatar

Example

<kendo-avatar>
</kendo-avatar>

Attributes

Attribute Type Description
name String Sets the name of the component.
alt String A 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-child-component Boolean
border Boolean Specifies whether the avatar should render border around its container element. Default is false.
class-name String Adds additional custom classes to the Avatar container element.
has-client-component Boolean
icon String Specifies 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.
image String Specifies an image URL or dataURL that would be used to populate the src attribute of the avatar <img> element.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-template Boolean When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
fill-mode AvatarFillMode Sets a value controlling how the color is applied.
rounded Rounded Sets a value controlling the border radius.
sanitize-id Boolean
size ComponentSize
style IDictionary<String,Object> Sets additional CSS styles to the Avatar container element.
text String Will be used to populated Avatar content when its type is set to text
theme-color ThemeColor Sets the theme color
type AvatarType Sets the type of the avatar.
In this article
Not finding the help you need?