UI for ASP.NET Core

ASP.NET Core Avatar

  • Add a familiar avatar to represent profiles or other types of accounts with the Telerik UI for ASP.NET Core Avatar.
  • Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Telerik UI for ASP.NET Core Avatar - Header
  • Overview

    The ASP.NET Core Avatar Component is perfect for displaying entities with small photos, custom icons, avatars or initials in your apps.

    See the ASP.NET Core Avatar component demo.
    Telerik UI for ASP.NET Core Avatar Overview
  • Avatar Types

    The Avatar exposes a Type parameter with three predefined options: text (default), icon and image and allows further customization of each option via additional parameters related to setting its content (imageURL, icon name, actual text and more).

  • Configuration and Appearance

    Configure the Avatar UI component shape as a circle, square or rectangle, as well as with rounded corners. You can further customize the look by setting its size to small, medium (default) or large, appearance fill style, border, alt text and more.

    See how to customize the Avatar component appearance.
    Telerik ASP.NET Core Avatar Component Configure Appearance
  • HTML and Tag Helpers

    As with all Telerik UI for ASP.NET Core components, you have the flexibility to declare the Avatar via HTML and Tag helpers.

    Telerik ASP.NET Core ComboBox HTML and Tag Helpers
  • Avatar Theming

    You can choose one of the several built-in themes and swatches, including Default (our own styling), Material (based on the Material Design guidelines), Bootstrap and Fluent (based on Microsoft Fluent UI) to style the appearance of the Avatar UI component. You can easily customize any of the available themes with a few lines of CSS or create a new theme to match your colors and branding with the Progress SASS ThemeBuilder application.

    Telerik UI for ASP.NET Core Avatar Theming

All ASP.NET Core Components

Next Steps