Progress Telerik UI for Blazor

Blazor Avatar

  • Visually represent people or other entities when featuring profiles in your application with the Telerik UI for Blazor Avatar component.
  • This component is part of Telerik UI for Blazor—the largest suite of truly native Blazor components designed to perfectly fit any app requirement.
  • The Blazor UI suite also comes with professionally designed themes enabled with a flip of a switch, document processing libraries and rich docs & demos to help you get started in no time.
Telerik UI for Blazor Avatar Component Overview
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    Easily display a graphical representation of a profile or online avatar, including people or entities, with initials, custom icons, and images with the Telerik UI for Blazor Avatar component. Build forms, profile pages or navigation bar menus as smoothly as possible, leveraging simple and customizable profile avatars that support various shapes.

    See the Blazor Avatar component demo
    Telerik UI for Blazor Avatar Component
  • Appearance

    The Telerik UI for Blazor Avatar component comes with a wide range of styling flexibility. Customize the look and feel of the component by configuring the desired size (small, medium, and large for various application scenarios), roundness, fill mode and coloring.

    See the Blazor Avatar Appearance demo

    Telerik UI for Blazor Avatar Component Appearance
  • Avatar Types

    The Blazor Avatar component exposes an AvatarType 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).

  • Avatar Theming

    The Telerik UI for Blazor Avatar component supports four built-in themes, including Default (our own Telerik-infused styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI).

    Additionally, you can customize any of the ready-to-use themes with a few lines of CSS or create a new one to match your branding needs by using the Progress ThemeBuilder application.

    Telerik UI for Blazor Avatar Component Theming

All Blazor Components

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.