Avatar

UI-buildercraft's Avatar component enhances user profiles with a customizable display. In the absence of an image, it intelligently shows the title, ensuring a dynamic and engaging user interface.

The Avatar component gracefully handles scenarios where images are unavailable, seamlessly displaying titles. In cases without titles, it defaults to "N/A," providing a polished and user-friendly experience.

Preview

Html

<UI-BuilderCraft-Avatar [imageHeight]="120" [imageWidth]="120" [borderRadius]="12"></UI-BuilderCraft-Avatar>

<UI-BuilderCraft-Avatar [imageHeight]="120" [imageWidth]="120"></UI-BuilderCraft-Avatar>

<UI-BuilderCraft-Avatar [imageHeight]="120" [imageWidth]="120" [title]="'UI-BuilderCraft'"></UI-BuilderCraft-Avatar>

 <UI-BuilderCraft-Avatar [imageUrl]="imageUrl" [imageHeight]="120" [imageWidth]="120" [title]="Appconstant.uiControleSelector"></UI-BuilderCraft-Avatar>

Module

  imports: [AvatarComponent]

Properties	Type	Default Value
ImageHeight	Number	100
ImageWidth	Number	100
BorderRadius	Number	100
Title	String	Empty
ShowTooltip	Boolean	False
ImageUrl	String	Empty