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.
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.
fill-mode	AvatarFillMode	Sets a value controlling how the color is applied.
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.
as-module	Boolean
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.
rounded	Rounded	Sets a value controlling the border radius.
sanitize-id	Boolean
script-attributes	IDictionary<String,Object>
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.