New to Telerik UI for Blazor? Start a free 30-day trial

TelerikAvatar

Class

A component that lets you display a user representation as an image, icon, or text. Supports sizes, roundness, fill modes, theme colors, optional border, and usage inside other components (e.g., TelerikChip).

Definition

Namespace:Telerik.Blazor.Components

Assembly:Telerik.Blazor.dll

Syntax:

public class TelerikAvatar : BaseComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable

Inheritance: objectComponentBaseBaseComponentTelerikAvatar

Implements: IComponentIDisposableIHandleAfterRenderIHandleEvent

Constructors

TelerikAvatar()

public TelerikAvatar()

Methods

BuildRenderTree(RenderTreeBuilder)

protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters:__builderRenderTreeBuilder

Overrides: ComponentBase.BuildRenderTree(RenderTreeBuilder)

Properties

Bordered

bool

Specifies whether the avatar is wrapped with a border.

[Parameter]
public bool Bordered { get; set; }

ChildContent

RenderFragment

Defines arbitrary HTML (most commonly img), icon or text. To be used in conjunction with the Type parameter. Children: allows arbitrary content based on the Type parameter.

[Parameter]
public RenderFragment? ChildContent { get; set; }

FillMode

string

Specifies the fill mode of the avatar.

[Parameter]
public string? FillMode { get; set; }

Height

string

Defines the height of the avatar.

[Parameter]
public string? Height { get; set; }

Rounded

string

Specifies the roundness of the avatar.

[Parameter]
public string? Rounded { get; set; }

Size

string

Specifies the size of the avatar.

[Parameter]
public string? Size { get; set; }

ThemeColor

string

Specifies the theme color of the avatar.

[Parameter]
public string? ThemeColor { get; set; }

Type

AvatarType

Defines the type of the content the avatar will be showing. Default value is Image, also available Icon and Text.

[Parameter]
public AvatarType Type { get; set; }

Width

string

Defines the width of the avatar.

[Parameter]
public string? Width { get; set; }