⛓️
UI-BuilderCraft
  • 👋Welcome
  • Overview
    • 〽️Getting Started
    • 🌐Download
    • ✨Component
      • 📓Form
        • InputText
        • InputMask
        • InputNumber
        • Spinner
        • Avatar
        • Badge
        • Alert
        • InputArea
        • Skeleton Loader
        • Checkbox
        • Toggle
    • 💡Benefits
Powered by GitBook
On this page

Was this helpful?

  1. Overview
  2. Component
  3. Form

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.

PreviousSpinnerNextBadge

Last updated 1 year ago

Was this helpful?

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.

<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>


  imports: [AvatarComponent]

Properties
Type
Default Value

ImageHeight

Number

100

ImageWidth

Number

100

BorderRadius

Number

100

Title

String

Empty

ShowTooltip

Boolean

False

ImageUrl

String

Empty

✨
📓