Avatar

Example

Razor

<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-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.
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.
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.
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.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
size	ComponentSize	The Avatar allows you to set predefined sizes. The available size values are "small", "medium" (default), "large", or "none".
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.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
style	IDictionary<String,Object>	Sets additional CSS styles to the Avatar container element.