New to Telerik UI for ASP.NET CoreStart a free 30-day trial

ASP.NET Core Avatar Overview

The Telerik UI Avatar for ASP.NET Core is typically used to display images, icons or initials representing people or other entities.

It also gives you the flexibility to customize its border radius, size, color, etc.

Initializing the Avatar

The following example demonstrates how to initialize an Avatar component.

Razor
    @(Html.Kendo().Avatar()
        .Name("avatar-text")
        .Type(AvatarType.Text)
        .Text("JS")
    )

Accessibility and Keyboard Navigation

The Alt option can be used when the Type is set to Image. This value will be used to populate the alt attribute of the <img> element.

The Avatar is a non-focusable element.

Functionality and Features

  • Appearance—Use different configuration settings to control the styling of the component.

Next Steps

See Also